jq常用選擇器

2021-08-29 04:07:35 字數 760 閱讀 7565

jquery 使用 css 選擇器來選取 html 元素。

$("div") 選取 元素。

$("p.intro") 選取所有 class="intro" 的 元素。

$("p#demo") 選取所有 id="demo" 的 元素。

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

語法描述

$(this)

當前 html 元素

$("p")

所有 元素

$("p.intro")

所有 class="intro" 的 元素

$(".intro")

所有 class="intro" 的元素

$("#intro")

id="intro" 的元素

$("ul li:first")

每個 的第乙個 元素

所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head")

id="intro" 的 元素中的所有 class="head" 的元素

JQ常用選擇器總結

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

jq選擇器總結

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

JQ常用入口函式 選擇器 篩選選擇器 方法整理

獲取型 布局有鏈式程式設計 設定型 具有鏈式程式設計 當操作是設定型元素 可以一直鏈式程式設計 當操作是獲取型元素 不可以一直鏈式程式設計 斷鏈 1.jq的入口函式 1.function 2.document ready function 3.jquery function 2.dom與就jq互 d...