jQuery中delegate()方法用法實(shí)例
更新時(shí)間：2015年01月19日 12:16:39 投稿：shichen2014
這篇文章主要介紹了jQuery中delegate()方法用法,實(shí)例分析了delegate()方法的功能、定義及為匹配元素的子元素添加一個(gè)或多個(gè)事件,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行函數(shù)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中delegate()方法用法。分享給大家供大家參考。具體分析如下：
此方法為匹配元素的子元素添加一個(gè)或多個(gè)事件，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).delegate(childofselector,type,data,function)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!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)文章
本文給大家分享的是個(gè)人關(guān)于jQuery中事件的理解，主要向大家介紹了jQuery中事件的綁定，合成、以及事件冒泡、阻止事件等內(nèi)容，希望大家能夠喜歡。2015-03-03
JQuery頁面隨滾動(dòng)條動(dòng)態(tài)加載效果的簡(jiǎn)單實(shí)現(xiàn)(推薦)
下面小編就為大家?guī)硪黄狫Query頁面隨滾動(dòng)條動(dòng)態(tài)加載效果的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
使用jquery控制div的顯示與隱藏,一句話就能搞定,下面這篇文章主要給大家介紹了關(guān)于jQuery控制元素顯示與隱藏的三種方式對(duì)比,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
JQuery獲取樣式中的background-color顏色值的問題
用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，經(jīng)搜索找到了下段代碼可解決此問題，感興趣的朋友可以參考下2013-08-08
jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說明
大家都知道jQuery很強(qiáng)大，也有很多效果很帥的插件，下面介紹下jQuery定時(shí)器插件jQuery Timers，那JS都自帶有定時(shí)器，為什么要使用Jquery的呢？2010-10-10
在進(jìn)行Web開發(fā)時(shí)，并非所有的庫都適合你的項(xiàng)目，但你仍需要收藏一些Web UI設(shè)計(jì)相關(guān)的庫或框架，以在你需要的時(shí)候，加快你的開發(fā)效率。本文為你推薦10款非常優(yōu)秀的基于JQuery的Web UI設(shè)計(jì)框架2014-08-08
js之ActiveX控件使用說明 new ActiveXObject()
ActiveX 控件廣泛用于Internet。它們可以通過提供視頻、動(dòng)畫內(nèi)容等來增加瀏覽的樂趣。不過，這些程序可能出問題或者向您提供不需要的內(nèi)容2014-03-03
本文是對(duì)Jquery中AJAX POST與GET之間的區(qū)別。進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下2017-02-02
jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
在用jquery的post方式傳遞多個(gè)值時(shí)，在后臺(tái)頁面可以用數(shù)組形式接收,很不錯(cuò)吧，可以接收多個(gè)值啊，接下來介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01