jQuery 選擇器的使用

2021-05-11 08:55:44 字數 1681 閱讀 8781

jquery的選擇器是css 1-3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css(絕大部分web開發者都用到的),那麼你學起來就很容易了。

同時使用css和xpath

看幾個例子:

$("p[a]").hide();

顯示頁面的第乙個段落:

$("p:eq(0)").show();

隱藏所有當前可見的層元素:

$("div:visible").hide();

獲取所有無序列表的列表項:

$("ul/li")

/* valid too: $("ul > li") */

取得name值為bar的輸入欄位的值:

$("input[@name=bar]").val();

所有處於選中狀態的單選r按鈕:

$("input[@type=radio][@checked]")

如果你對查詢語言的工作原理還有疑問,可以訂閱這裡的郵件列表

css查詢器

jquery完全支援css1.3。

關於css的一些資料檢視下面的連線:

下面列出來的是支援的css查詢器的列表式語法:

不同之處

所有的屬性選擇器都被寫成和xpath極其相似(因為所有的屬性都以@符號開始)。

不支援的部分

jquery不支援下列的選擇器,因為這些沒什麼用處。

xpath 查詢器

xpath是jquery內建支援的一種表示式語言。jquery支援基本的xpath表達

式。定位路徑

支援的axis選擇器
$("//div//p")

$("//div/p")

$("//div ~ form")

$("//div/../p")

支援的謂詞

支援的謂詞,但與xpath和css又不同的

定製的選擇器

jquery包含一些在css和xpath都不用到的表示式,但我們覺得它們使用起來非常方便,所以包含進來了。

下列的列表式語法基於不同的css選擇器,但又有非常相似的名字。

例:

$("p:first").css("fontweight","bold");

$("div:hidden").show();

$("div:contains('test')").hide();

表單選擇器

這是為表單提供的一些選擇器:

同樣也可以使用:hidden,詳細說明上面已經介紹過。

$('#myform :input')

如果你需要指定表單:

$('input:radio', myform)

這將選擇myform表單中所有單選按鈕。選擇radio通常是用[@type=radio],但是這樣用理精簡些。

更多的選擇器

jquery選擇器可以用一些第三方部件進行擴充:

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...

JQUERY選擇器的使用

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