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