jQuery的ID選擇器

2021-07-30 10:36:17 字數 995 閱讀 1164

基本選擇器在實際應用中比較廣泛,建議重點掌握jquery的基本選擇器,它是其他型別選擇器的基礎,基礎選擇器是jquery選擇器中最為重要的部分。

jquery基本選擇器包括id選擇器、元素選擇器、類名選擇器、多種匹配條件選擇器和萬用字元選擇器。本篇介紹id選擇器。

一 id選擇器(#id)

id選擇器#id顧名思義就是利用dom元素的id屬性值來篩選匹配的元素,並以jquery包裝集的形式返回給物件。

這就像乙個學校中每個學生都有自己的學號一樣,學生的姓名是可以重複的但是學號卻是不可以的,根據學生的學號就可以獲取指定學生的資訊。

id選擇器的使用方法如下:

$("#id");

其中,id為要查詢元素的id屬性值。

例如,要查詢id屬性值為user的元素,可以使用下面的jquery**: 

$("#user");

如果頁面中出現了兩個相同的id屬性值,程式執行時頁面會報出js執行錯誤的對話方塊,所以在頁面中設定id屬性值時要確保該屬性值在頁面中是唯一的。

二 應用

在頁面中新增乙個id屬性值為testinput的文字輸入框和乙個按鈕,通過單擊按鈕來獲取在文字輸入框中輸入的值。

三 **

四 執行效果

五 執行說明

1、在上面的**中,使用了jquery中的屬性選擇器匹配文件中的按鈕,並且為按鈕繫結單擊事件。

2、id選擇器是以「#id」的形式獲取物件的,在這段**中用$("#testinput")獲取了乙個id屬性值為testinput的jquery包裝集,然後呼叫包裝集的val()方法取得文字輸入框的值。

大小: 5.1 kb

jQuery的id選擇器

目錄 1.控制內容的顯示和隱藏 display block none 2.用text 改變內容。將 helloworld 改為 lijiang 注意 one 返回乙個jquery物件 document.getelementbyid one 返回乙個dom物件 helloworld 上面這樣執行不會顯...

類選擇器和ID選擇器

什麼是選擇器?每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器在 之前的部分就是 選擇器 選擇器 指明了 中的 樣式 的作用物件,也就是 樣式 作用於網頁中的哪些元素。類選擇器 類選擇器在css樣式編碼中是最常用到的,格式如下 類選擇器名稱 注意 1.英文圓點開頭 2.類選擇器名稱可以任意...

ID選擇器和類選擇器

什麼是id選擇器呢 id選擇器的作用是 根據指定的id名稱,找到對應的標籤,然後設定屬性。例如 id選擇器 我是文字 注意點 在同乙個介面中,id的名稱是不可以重複的。在id名稱的前面一定要加上乙個 id名字的組成只能由 字母 數字 下劃線組成。並且滿足變數的寫法,不能以數字開頭。分割線 什麼是類選...