jQuery之選擇器

2021-09-24 14:23:20 字數 1376 閱讀 9546

$("標籤名")

eg:$("p").html() 獲取p標籤物件,是jquery物件形式的

$("p").length

$(".class值")
$("#id值")
$(".class值,#id值")
$(".class值#id值")
$("p.mystyle") :選中 即是p標籤,並且class的值是mystyle

注意:不能出現歧義

錯誤寫法 $(".mystylep").html()

交集選擇器 在交接處 只能是.或#開頭的選擇器

$("*")
相鄰選擇器: +
$("選擇器1+選擇器2")
同輩選擇器: ~
$("選擇器1~選擇器2")
後代選擇器: 空格
$("選擇器1 選擇器2")
子代選擇器: >
$("選擇器》選擇器2")
1、$("[屬性名]")
$("[class]") :選中全部元素中 有class屬性的 元素
2、$("[屬性名=屬性值]")
$("[class=***]")  

$("[class='***']")

3、$("[class!=a]") 不等於, 包含兩種: 有class但值不是a, 沒有class

4、$("[class^=a]") class以a開頭的元素

5、$("[class $ =a]") class以a結尾的元素

6、 $("[class*=a]") class有a的元素

過濾選擇器的一些方法 和其他函式型別,例如 $("ul>li:first")等價於$("ul>li").first()

有些不同,例如, 可以$("ul>li:odd") ;錯誤$("ul>li").odd();

a.基本過濾選擇器(從0開始)
:first:最開頭那乙個

:last:最後那乙個

:even:偶數

:odd:奇數

:eq(index):第index個

:gt(index) : >index的全部元素

:lt(index): :not(選擇器) :除了...以外

:header:選中所有的標題元素 h1 h2

:focus: 獲取當前焦點的元素

:visible :選中所有可見的元素

:hidden:選中所有隱藏的元素

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...