麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

jQuery鏈式調用理解

2024-04-27 15:12:50
字體:
來源:轉載
供稿:網友

鏈式代碼

$('input[type="button"]')    .eq(0).click(function() {        alert('點擊我!');}).end().eq(1).click(function() {    $('input[type="button"]:eq(0)').trigger('click');}).end().eq(2).toggle(function() {    $('.aa').hide('slow');}, function() {    $('.aa').show('slow');});找出type類型為button的input元素

找到第一個按鈕,并綁定click事件處理函數

返回所有按鈕,再找到第二個

為第二個按鈕綁定click事件處理函數

為第三個按鈕綁定toggle事件處理函數

jQuery的這種管道風格的DSL鏈式代碼,總的來說:

節約JS代碼;

所返回的都是同一個對象,可以提高代碼的效率。

通過簡單擴展原型方法并通過return this的形式來實現跨瀏覽器的鏈式調用。利用JS下的簡單工廠方法模式,來將所有對于同一個DOM對象的操作指定同一個實例。

這個原理就超簡單了,如下代碼:

aQuery().init().name()

分解:

a = aQuery();a.init()a.name()

把代碼分解一下,很明顯實現鏈式的基本條件就是要實例對象先創建好,調用自己的方法。

aQuery.PRototype = {    init: function() {        return this;    },    name: function() {        return this    }}所以我們如果需要鏈式的處理,只需要在方法內部方法當前的這個實例對象this就可以了,因為返回當前實例的this,從而又可以訪問自己的原型了,這樣的就節省代碼量,提高代碼的效率,代碼看起來更優雅。但是這種方法有一個問題是:所有對象的方法返回的都是對象本身,也就是說沒有返回值,所以這種方法不一定在任何環境下都適合。

http://www.imooc.com/code/3402


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 一级做受毛片免费大片 | 91专区在线观看 | 特级a欧美做爰片毛片 | 黄在线免费看 | 1级黄色毛片 | 亚洲国产精品久久久久久久久 | 国产亚洲美女精品久久久2020 | 精国产品一区二区三区四季综 | 亚洲影视在线观看 | 一二区成人影院电影网 | 国产色爱综合网 | 国产一级αv片免费观看 | 亚洲爱爱网站 | 国产chinesehd精品91 | 美国一级黄色毛片 | 久啪视频 | 69性欧美高清影院 | 久久免费看毛片 | 男人久久天堂 | 黄色网址进入 | 亚洲网站在线观看视频 | 婷婷久久综合九色综合色多多蜜臀 | 亚洲精品aaaaa | 99热99精品 | 成人免费一区二区三区在线观看 | 亚洲一区二区不卡视频 | 国产亚洲精品综合一区91 | 精品久久久久久久久久中文字幕 | 日韩精品中文字幕一区二区三区 | 性aaa | 黄片毛片一级 | 欧美一区二区黄 | 97青青 | 国产精品一品二区三区四区18 | 97porn| 国产精品免费视频观看 | 久久久久久片 | 日韩视频不卡 | 国产精品久久久久久久久久东京 | 毛片在线免费观看视频 | 久国产|