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

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ù)。

語(yǔ)法結(jié)構(gòu):

復(fù)制代碼 代碼如下:
$(selector).delegate(childofselector,type,data,function)

參數(shù)列表:

參數(shù) 描述
childofselector 定義要附加事件處理程序的一個(gè)或多個(gè)子元素。
type 可選。定義附加到元素的一個(gè)或多個(gè)事件類型。由空格分隔多個(gè)事件值。
data 定義傳遞到事件處理函數(shù)的額外數(shù)據(jù)。
function 定義當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(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)文章

  • 淺談jQuery中的事件

    淺談jQuery中的事件

    本文給大家分享的是個(gè)人關(guān)于jQuery中事件的理解,主要向大家介紹了jQuery中事件的綁定,合成、以及事件冒泡、阻止事件等內(nèi)容,希望大家能夠喜歡。
    2015-03-03
  • JQuery頁(yè)面隨滾動(dòng)條動(dòng)態(tài)加載效果的簡(jiǎn)單實(shí)現(xià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-02
  • jQuery控制元素顯示與隱藏的三種方式對(duì)比

    jQuery控制元素顯示與隱藏的三種方式對(duì)比

    使用jquery控制div的顯示與隱藏,一句話就能搞定,下面這篇文章主要給大家介紹了關(guān)于jQuery控制元素顯示與隱藏的三種方式對(duì)比,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • JQuery獲取樣式中的background-color顏色值的問(wèn)題

    JQuery獲取樣式中的background-color顏色值的問(wèn)題

    用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,經(jīng)搜索找到了下段代碼可解決此問(wèn)題,感興趣的朋友可以參考下
    2013-08-08
  • jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說(shuō)明

    jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說(shuō)明

    大家都知道jQuery很強(qiáng)大,也有很多效果很帥的插件,下面介紹下jQuery定時(shí)器插件jQuery Timers,那JS都自帶有定時(shí)器,為什么要使用Jquery的呢?
    2010-10-10
  • 推薦10款最熱門(mén)jQuery UI框架

    推薦10款最熱門(mén)jQuery UI框架

    在進(jìn)行Web開(kāi)發(fā)時(shí),并非所有的庫(kù)都適合你的項(xiàng)目,但你仍需要收藏一些Web UI設(shè)計(jì)相關(guān)的庫(kù)或框架,以在你需要的時(shí)候,加快你的開(kāi)發(fā)效率。本文為你推薦10款非常優(yōu)秀的基于JQuery的Web UI設(shè)計(jì)框架
    2014-08-08
  • js之ActiveX控件使用說(shuō)明 new ActiveXObject()

    js之ActiveX控件使用說(shuō)明 new ActiveXObject()

    ActiveX 控件廣泛用于Internet。它們可以通過(guò)提供視頻、動(dòng)畫(huà)內(nèi)容等來(lái)增加瀏覽的樂(lè)趣。不過(guò),這些程序可能出問(wèn)題或者向您提供不需要的內(nèi)容
    2014-03-03
  • Jquery AJAX POST與GET之間的區(qū)別

    Jquery AJAX POST與GET之間的區(qū)別

    本文是對(duì)Jquery中AJAX POST與GET之間的區(qū)別。進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-11-11
  • jQuery中 bind的用法簡(jiǎn)單介紹

    jQuery中 bind的用法簡(jiǎn)單介紹

    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ù)組的方式進(jìn)行接收

    在用jquery的post方式傳遞多個(gè)值時(shí),在后臺(tái)頁(yè)面可以用數(shù)組形式接收,很不錯(cuò)吧,可以接收多個(gè)值啊,接下來(lái)介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下哦
    2013-01-01

最新評(píng)論