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://m.fzitv.net/" />
<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元素注冊click事件處理函數(shù)，當(dāng)點(diǎn)擊按鈕的時(shí)候能夠?qū)崿F(xiàn)隱藏和顯示的切換。
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery刪除table當(dāng)前行的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query刪除table當(dāng)前行的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jquery配合css簡單實(shí)現(xiàn)返回頂部效果
返回頂部效果想必大家并不陌生吧，其實(shí)實(shí)現(xiàn)方法有很多，在本文為大家介紹下使用jquery是如何輕易實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-09-09
這個(gè)方法把a(bǔ)jax方法封裝一下，方便調(diào)用2008-11-11
用jquery實(shí)現(xiàn)簡單動(dòng)畫的制作，希望看了這篇文章后，建議大家自己手工打打，學(xué)習(xí)一下他的思路。2008-12-12
jQuery結(jié)合ajax實(shí)現(xiàn)動(dòng)態(tài)加載文本內(nèi)容
本文實(shí)例講述了jquery通過ajax加載一段文本內(nèi)容的方法。分享給大家供大家參考。這是一個(gè)簡單的例子，注意編碼問題，否則可能會(huì)出現(xiàn)亂碼。2015-05-05
jQuery使用deferreds串行多個(gè)ajax請求
這篇文章主要介紹了jQuery使用deferreds串行多個(gè)ajax請求的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
JQuery中模擬image的ajaxPrefilter與ajaxTransport處理
這篇文章主要介紹了JQuery中模擬image的ajaxPrefilter與ajaxTransport處理,本文直接給出模擬實(shí)現(xiàn)代碼,代碼中包含詳細(xì)注釋,需要的朋友可以參考下2015-06-06
jquery是等待頁面加載完數(shù)據(jù)，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文2014-04-04
本文主要是記錄一個(gè)項(xiàng)目中用到的對輸出的json進(jìn)行格式化的小技巧，也是看到一位朋友分享的，這里mark一下，有需要的小伙伴也可以參考下。2014-11-11
Jquery中$.post和$.ajax的用法小結(jié)
本節(jié)重點(diǎn)講的是jquery中調(diào)用ajax的4種方法中最常用的：$.post、和$ajax。如果讀者沒有javascript和jquery的知識(shí)，或者沒有ajax的概念，那么請先去問問度娘，再來讀本文。2015-04-04