4月10日學習筆記——jQuery選擇器

weixin_30924079發表於2020-04-04
  • 概念

jQuery 是一套Javascript指令碼庫,注意 jQuery 是指令碼庫,而不是指令碼框架。"庫"不等於"框架"。jQuery 並不能幫助我們解決指令碼的引用管理和功能管理,這些都是指令碼框架要做的事。


 

  • jQuery包裝集和DOM物件

jQuery包裝集和DOM物件是有區別的,jQuery包裝集它一定是一個集合,是用jQuery的形式封裝,不管它含有幾個元素;而DOM物件一般是獲取到的頁面上某一個元素,比如說div、p等等,當然也可以獲取一組DOM物件。

我們來看一個jQuery包裝集:

1 $(‘#btn’) //這是一個jQuery包裝集

上面的程式碼中雖然是以id的形式獲取了一個包裝集,並且它裡面肯定只有一個元素,但是它也是一個集合。

我們來看一個DOM元素:

1 document.getElementById(‘btn’) //這是一個DOM元素

雖然上面兩段程式碼都獲得了id為btn的元素,但是他們兩個的形式是不一樣的。

對於jQuery我可以使用$(‘#btn’).html(),而對於DOM元素可以使用document.getElementById(‘btn’).innerHTML,這兩句話在效果上是等同的。


 

  • jQuery選擇器

jQuery 選擇器按照功能主要分為"選擇"和"過濾",並且是配合使用的,可以同時使用組合成一個選擇器字串。 主要的區別是"過濾"作用的選擇器是指定條件從前面匹配的內容中篩選, "過濾"選擇器也可以單獨使用, 表示從全部"*"中篩選. 比如:$(":[title]") 等同於 $("*:[title]")

1. 基礎類選擇器

2. 層次選擇器

3. 基本過濾器

4. 內容過濾器

5. 可見性過濾器

6.屬性過濾器

7. 子元素過濾器

8. 表單選擇器

9. 表單過濾器

 

轉載於:https://www.cnblogs.com/little-jelly/p/5374458.html

相關文章