欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

toggle一個div顯示或隱藏且可擴(kuò)展成自定義下拉框

 更新時間:2013年09月12日 17:34:58   作者:  
本文為大家介紹下如何讓一個div顯示或隱藏且可擴(kuò)展成自定義下拉框,具體實(shí)現(xiàn)如下,感興趣的朋友可參考下,希望對大家有所幫助
復(fù)制代碼 代碼如下:

$(function(){
//toggle div
$("#gga").click(function(event){
event.stopPropagation(); //阻止冒泡事件
$(".toggleoption").slideToggle("fast");
});

//slideup div
$(document).click(function(event) {
var eo = $(event.target);
if($(".toggleoption").is(":visible") && eo.attr("class") != "toggleoption" && !eo.parent(".toggleoption").length) {
$('.toggleoption').slideUp("fast");
}
});
})

event.preventDefault(); //取消事件的默認(rèn)動作。

相關(guān)文章

  • jQuery md5加密插件jQuery.md5.js用法示例

    jQuery md5加密插件jQuery.md5.js用法示例

    這篇文章主要介紹了jQuery md5加密插件jQuery.md5.js用法,結(jié)合實(shí)例形式簡單分析了jQuery md5加密插件jquery.md5.js的簡單使用技巧,需要的朋友可以參考下
    2018-08-08
  • JQuery獲取鼠標(biāo)進(jìn)入和離開容器的方向

    JQuery獲取鼠標(biāo)進(jìn)入和離開容器的方向

    本文主要分享了基于JQuery的獲取鼠標(biāo)進(jìn)入和離開容器方向的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值。下面跟著小編一起來看下吧
    2016-12-12
  • jQuery實(shí)現(xiàn)的分頁功能示例

    jQuery實(shí)現(xiàn)的分頁功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的分頁功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)分頁功能的具體步驟及相關(guān)操作技巧,包括前臺樣式、布局及jQuery分頁插件的調(diào)用方法,需要的朋友可以參考下
    2017-01-01
  • etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例

    etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例

    本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán),實(shí)現(xiàn)對角色role進(jìn)行授權(quán)操作,有需要的可以了解一下。
    2016-11-11
  • jQuery中nextUntil()方法用法實(shí)例

    jQuery中nextUntil()方法用法實(shí)例

    這篇文章主要介紹了jQuery中nextUntil()方法用法,實(shí)例分析了nextUntil()方法的功能、定義及匹配同輩元素的技巧與注意事項(xiàng),需要的朋友可以參考下
    2015-01-01
  • 原生JS和jQuery版實(shí)現(xiàn)文件上傳功能

    原生JS和jQuery版實(shí)現(xiàn)文件上傳功能

    這篇文章主要介紹了HTML5中用js、jQuery結(jié)合Ajax實(shí)現(xiàn)文件上傳功能,HTML5中已經(jīng)可以用Ajax上傳文件了,而且代碼簡單,借助 FormData類即可發(fā)送文件數(shù)據(jù),感興趣的小伙伴們可以參考一下
    2016-04-04
  • 基于jQuery排序及應(yīng)用實(shí)現(xiàn)Tab欄特效

    基于jQuery排序及應(yīng)用實(shí)現(xiàn)Tab欄特效

    這篇文章主要介紹了基于jQuery排序及應(yīng)用實(shí)現(xiàn)Tab欄特效,jquery是基于JavaScript語言寫出來的一個框架,它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,但實(shí)質(zhì)上還是js,所以JQuery也屬于網(wǎng)頁編程語言。下面更多內(nèi)容需要的小伙伴可以參考一下
    2022-03-03
  • jquery訪問ashx文件示例代碼

    jquery訪問ashx文件示例代碼

    ashx文件與.aspx文件類似,可以通過它來調(diào)用HttpHandler類。下面與大家介紹下jquery訪問ashx文件的過程
    2014-08-08
  • jQuery快速上手:寫jQuery與直接寫JS的區(qū)別詳細(xì)解析

    jQuery快速上手:寫jQuery與直接寫JS的區(qū)別詳細(xì)解析

    jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下所示。需要的朋友可以過來參考下
    2013-08-08
  • 基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件

    基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件

    這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-11-11

最新評論