由淺入深之Jq選擇器(2)

2022-01-17 07:28:48 字數 619 閱讀 5638

說到jq 不得不了解jq選擇器,什麼是選擇器??

在js中 我們獲得dom物件通過這樣的方式來獲得

var div = document.getelementbyid("

testdiv

");var divs = document.getelementsbytagname("

div");

在jq中 獲得頁面上的物件我們有異常強大的選擇器 也就是下面所說的

它可以通過多樣化的方式來獲得你所想要的dom物件,

還是總體來說 選擇器分為多個分類:

1.基礎選擇器

2.層次選擇器

3.基本過濾器

4.內容過濾器

5.可見性過濾器

6.屬性過濾器

7.子元素過濾器

8.表單選擇器

9.表單過濾器

jquery選擇器可以說是最考驗乙個人jquery功力的地方。以上選擇器也好過濾器也好 都是為了得到我們所要控制的物件。這次不做說明,最權威的還是看jq的api吧,我覺得開始沒必要全部記住,大體了解下,用之查。最常用的還是基礎選擇器和表單選擇器,不過也因個人而定吧 。

不過平時一定要多看看jq 的api文件  不常用就常看 ,溫故而知新

jq常用選擇器

jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...

jq選擇器總結

js選擇 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild 第乙個子節點 var last te...

JQ常用選擇器總結

1 常用選擇器 myelement 選擇id為myelement的元素,唯一元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可用多種的選擇方式聯合選擇 例如 myelement,div,myclass 2...