DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> jQuery基礎知識 >> 9.1 jQuery過濾方法簡介
9.1 jQuery過濾方法簡介
編輯:jQuery基礎知識     

在之前的jQuery學習中,我們接觸了大量的選擇器,包括各種基本選擇器、偽類選擇器等。為了“更加靈活快速地操作元素”,除了選擇器之外,jQuery還為我們提供了以“方法”(類似於函數方法)形式存在的2種方式:(1)過濾方法;(2)查找方法。

過濾和查找這2類方法與之前所學到的“選擇器”是相互補充的關系。過濾和查找補充了很多使用選擇器無法進行的操作,例如選取某一個元素的父元素、獲取當前點擊位置下的子元素、判斷當前元素是否處於動畫狀態等等。這些都是很常見的操作。

關於過濾和查找這2類方法,當初在查找資料校驗這個jQuery入門教程的時候,我發現一個很疑惑的現象是:不管是互聯網在線教程,還是市面上現有的書籍,很多對這2類方法幾乎都忽略不講。我不知道這些作者是不想費時間整理,還是自己瞎了眼覺得這2類方法沒啥卵用,或者還是其他原因?根據我自己對jQuery的使用經驗,過濾和查找是極其重要的,上面也提到了2類方法的應用場景。

為了利於初學者學習,我分為2個章節來講解。這2個章節也花了重力氣去整理,希望小伙伴們不要忽略了這2座金礦,請重點掌握。

這一章我們先來學習jQuery過濾方法。在jQuery中,常見的過濾方法如下:

jQuery過濾方法 方法 說明 hasClass() 判斷所選元素是否含有某個類,返回值為true或false eq(n) 選擇元素集合中指定下標元素,下標從0開始(選擇器作用) is() 判斷所選元素是否有符合某個條件的元素,返回值為true或false not() 選擇元素集合中不符合條件的元素(選擇器作用) filter() 使用“自定義表達式”來選擇符合條件的元素(功能多) has() 使用“自定義表達式”來選擇符合條件的元素(功能少)

記住,這一章講解的是“過濾方法”,這些過濾方法跟選擇器功能類似,也是起到選擇元素的作用。但是過濾方法卻是以“方法”的形式表現,而不是以選擇器形式表現。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved