jQuery總結(jié)二:DOM遍歷和事件處理

文章源自:淡忘~淺思
原文地址:http://www.ido321.com/1607.html

1.篩選元素

方法                 返回的元素
.filter(selector)    與selector匹配的元素
.filter(callbaxk)    callback中返回true的元素
.eq(index)          從0開始計數(shù)的第index個選中元素
.first()              選中元素中的第一個元素
.last()            選中元素的最后一個元素
.slice(start[,end])   從0開始計數(shù)的給定范圍內(nèi)的選中元素
.not(selector)      與selector不匹配的元素
.has(selector)      與selector匹配的的后代元素

2.后代元素

方法                  返回的元素
.find(selector)        與selector匹配的后代元素
.contents()         子節(jié)點(包括文本節(jié)點)
.children([selector])  子節(jié)點,可傳入selector進行篩選

3.同輩元素

方法                             返回的元素
.next([selector])                每個選中元素緊鄰的下一個元素,可傳入selector進行篩選
.nextAll([selector])              每個選中元素后的所有同輩元素赚导,可傳入selector進行篩選
.nextUntil([selector],[filter])   每個選中元素之后教翩、直至但不包含第一個和selector匹配的元素,可傳入filter進行篩選
.prev([selector])                每個選中元素緊鄰的上一個元素,可傳入selector進行篩選
.prevAll([selector])              每個選中元素前的所有同輩元素,可傳入selector進行篩選
.prevUntil([selector],[filter])   每個選中元素之前、直至但不包含第一個和selector匹配的元素祷肯,可傳入filter進行篩選
.siblings([selector])            所有同輩元素,可傳入selector進行篩選

4.祖先元素

方法                               返回的元素
.parent([selector])              每個選中元素的父元素疗隶,可傳入selector進行篩選
.parents([selector])                每個選中元素的所有祖先元素佑笋,可傳入selector進行篩選
.parentsUntil([selector],[filter])  每個選中元素的所有祖先元素、直至但不包含第一個和selector匹配的元素斑鼻,可傳入filter進行篩選
.closest(selector)                  與selector匹配的第一個元素蒋纬,從元素自身開始沿DOM數(shù)向上搜索祖先元素
.offsetParent()                     選中元素的第一個被定為的父元素(relative或absolute)

5.集合操作

方法                 說明
.add([selector])      將與selector匹配的元素添加原對象集合中
.addBack()          選中的元素加上JQuery內(nèi)部棧中之前選中的元素
.end()              內(nèi)部JQuery棧中之前選中的元素
.map(callback)      對每個選中調(diào)用回調(diào)函數(shù)callback之后的結(jié)果
.pushStack()          指定的元素

6.操作選中的元素

方法                 說明
.is(selector)         確定匹配的元素中是否有傳入的與selector匹配的元素
.index()              取得匹配元素相對其同輩元素的索引
.index(element)    取得匹配元素中與指定元素對象的DOM節(jié)點的索引
$.contains(a,b)    確定DOM節(jié)點a是否包含DOM節(jié)點b
.each(callback)    迭代匹配元素,對每個元素執(zhí)行callback
.length            取得匹配元素的數(shù)量
.get()              取得與匹配元素對應(yīng)的DOM節(jié)點列表
.get(index)        取得匹配元素中與指定索引對應(yīng)的DOM節(jié)點
.toArray()          取得與匹配元素對應(yīng)的DOM節(jié)點列表

7.事件綁定

方法                                    說明
.ready(handler)                       DOM和CSS完全加載后之間handler
.on(type,[selector],[data],handler)   綁定type事件坚弱,并指定事件處理程序handler;如果指定selector則執(zhí)行事件委托
.on(events,[selector],[data])            根據(jù)events對象的事件綁定多個事件處理程序
.off(type,[selector],handler)           解除on給元素綁定的事件處理程序
.bind(type,[data],handler)             綁定type事件蜀备,并指定事件處理程序handler
.one(type,[data],handler)               綁定type事件,并指定事件處理程序handler,handler被調(diào)用后立即解除綁定
.unbind([type],[handler])               解除bind給元素綁定的指定事件處理程序(不指定則解除所有指定)
.delegate(selector,type,[data],handler)  給與selector匹配的元素綁定type事件荒叶,并指定事件處理程序handler
.delegate(selector,handlers)             給與selector匹配的元素綁定type事件碾阁,并指定事件處理程序handlers
.undelegate(selector,type,[handler])     解除delegate給元素綁定的指定事件處理程序

8.其它方法

方法                         說明
.trigger(type,[data])        觸發(fā)元素上的事件并執(zhí)行事件的默認操作
.triggerHandler(type,[data])  觸發(fā)元素上的事件,但不執(zhí)行事件的默認操作
$.proxy(fn,context)           創(chuàng)建一個新的在指定上下文中執(zhí)行的函數(shù)些楣。

詳見:jquery中$.proxy的使用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末脂凶,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子愁茁,更是在濱河造成了極大的恐慌蚕钦,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鹅很,死亡現(xiàn)場離奇詭異嘶居,居然都是意外死亡,警方通過查閱死者的電腦和手機促煮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進店門邮屁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來胸蛛,“玉大人,你說我怎么就攤上這事樱报。” “怎么了泞当?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵迹蛤,是天一觀的道長。 經(jīng)常有香客問我襟士,道長盗飒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任陋桂,我火速辦了婚禮逆趣,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘嗜历。我一直安慰自己宣渗,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布梨州。 她就那樣靜靜地躺著痕囱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪暴匠。 梳的紋絲不亂的頭發(fā)上鞍恢,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天,我揣著相機與錄音每窖,去河邊找鬼帮掉。 笑死,一個胖子當(dāng)著我的面吹牛窒典,可吹牛的內(nèi)容都是我干的蟆炊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼瀑志,長吁一口氣:“原來是場噩夢啊……” “哼盅称!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起后室,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤缩膝,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后岸霹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疾层,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年贡避,在試婚紗的時候發(fā)現(xiàn)自己被綠了痛黎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片予弧。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖湖饱,靈堂內(nèi)的尸體忽然破棺而出掖蛤,到底是詐尸還是另有隱情,我是刑警寧澤井厌,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布蚓庭,位于F島的核電站,受9級特大地震影響仅仆,放射性物質(zhì)發(fā)生泄漏器赞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一墓拜、第九天 我趴在偏房一處隱蔽的房頂上張望港柜。 院中可真熱鬧,春花似錦咳榜、人聲如沸夏醉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽授舟。三九已至,卻和暖如春贸辈,著一層夾襖步出監(jiān)牢的瞬間释树,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工擎淤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留奢啥,地道東北人。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓嘴拢,卻偏偏與公主長得像桩盲,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子席吴,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,649評論 18 503
  • DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲取DOM節(jié)點赌结,從而進行一系列的DOM操作。但實際上...
    阿r阿r閱讀 1,022評論 0 9
  • 第1章 簡介 第2章 DOM節(jié)點的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲...
    mo默22閱讀 817評論 0 8
  • 1:jQuery節(jié)點創(chuàng)建與屬性的處理 創(chuàng)建元素節(jié)點:可以有幾種方式孝冒,后面會慢慢接觸柬姚。常見的就是直接把這個節(jié)點的結(jié)構(gòu)...
    碼農(nóng)小楊閱讀 609評論 0 1
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,345評論 0 8