jQuery中delegate()方法用法實(shí)例
本文實(shí)例講述了jQuery中delegate()方法用法。分享給大家供大家參考。具體分析如下:
此方法為匹配元素的子元素添加一個(gè)或多個(gè)事件,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
語(yǔ)法結(jié)構(gòu):
參數(shù)列表:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<style type="text/css">
li{
list-style-type:none;
width:150px;
height:150px;
border:1px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").delegate("button","click",function(){
$("li").slideToggle();
})
})
</script>
</head>
<body>
<div>
<ul>
<li>腳本之家歡迎您</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</div>
</body>
</html>
以上代碼可以div的子元素button元素注冊(cè)click事件處理函數(shù),當(dāng)點(diǎn)擊按鈕的時(shí)候能夠?qū)崿F(xiàn)隱藏和顯示的切換。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
JQuery頁(yè)面隨滾動(dòng)條動(dòng)態(tài)加載效果的簡(jiǎn)單實(shí)現(xiàn)(推薦)
下面小編就為大家?guī)?lái)一篇JQuery頁(yè)面隨滾動(dòng)條動(dòng)態(tài)加載效果的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02JQuery獲取樣式中的background-color顏色值的問(wèn)題
用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,經(jīng)搜索找到了下段代碼可解決此問(wèn)題,感興趣的朋友可以參考下2013-08-08jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說(shuō)明
大家都知道jQuery很強(qiáng)大,也有很多效果很帥的插件,下面介紹下jQuery定時(shí)器插件jQuery Timers,那JS都自帶有定時(shí)器,為什么要使用Jquery的呢?2010-10-10js之ActiveX控件使用說(shuō)明 new ActiveXObject()
ActiveX 控件廣泛用于Internet。它們可以通過(guò)提供視頻、動(dòng)畫(huà)內(nèi)容等來(lái)增加瀏覽的樂(lè)趣。不過(guò),這些程序可能出問(wèn)題或者向您提供不需要的內(nèi)容2014-03-03jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
在用jquery的post方式傳遞多個(gè)值時(shí),在后臺(tái)頁(yè)面可以用數(shù)組形式接收,很不錯(cuò)吧,可以接收多個(gè)值啊,接下來(lái)介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01