JQUERY選擇器的使用

2021-09-27 08:20:31 字數 989 閱讀 7957

jquery 元素選擇器

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

$("p") 選取 元素。

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

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

jquery 屬性選擇器

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

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

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

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

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

jquery css 選擇器

jquery css 選擇器可用於改變 html 元素的 css 屬性。

下面的例子把所有 p 元素的背景顏色更改為紅色:

例項

$("p").css("background-color","red");

更多的選擇器例項

$(this) 當前 html 元素

$("p") 所有 元素

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

$(".intro") 所有 class="intro" 的元素

$("#intro") id="intro" 的元素

$("ul li:first") 每個 的第乙個 元素

$("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head") id="intro" 的 元素中的所有 class="head" 的元素

jQuery 選擇器的使用

jquery的選擇器是css 1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpath 看幾個例子 p a hide 顯示頁面的第乙個段落 ...

jQuery 選擇器的使用

checkall click function else jquery的選擇器是css1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpat...

jQuery 選擇器的使用

以下為翻譯 jquery的選擇器是css 1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpath 看幾個例子 隱藏所有包含有鏈結的段落 p...