首頁 > 網際網路

jquery經驗分享:[1]jquery選擇器(id)

2019-12-13 01:59:05

jquery已經流行很久了,如果你現在還不會你就OUT了,

1,現在你找到任何一個網站從Ta的原始碼中都能看到jquery的身影,

2,因為jquery內部對瀏覽器的相容性做了處理,所以你在使用的時候無須考慮相容性問題。

3,以下使用的為jquery1.7.2版本。

1

如下圖中關於選擇器就有很多,那麼我們不必全都掌握,你只需要了解下有這麼個東西,在需要的時候可以開啟這個幫助快速找到就可以,這裡沒法把每個選擇器的使用都說到,只說幾個想學jquery你不得不掌握的幾個。關於圖中的幫助文件你可以在百度下載的到。


2

jquery的id選擇器,這個應該是你學習jquery第一個要掌握的,這個使用的頻率非常高,下面就來說說這個選擇器,以下圖中是來自官方的說明,與例子演示。

例如:

<div id="notMe">

   <p>id="notMe"</p>

</div>

<div id="myDiv">id="myDiv"</div>

那麼此時$("#myDiv");所找到的就是屬性等於id,值等於myDiv的,所以結果就是<div id="myDiv">id="myDiv"</div>



3

如果查詢在查詢的時候id的屬性值中含有特殊字元,比如:(冒號)、.(點)、[(方括號),這時你需要對關鍵字元進行跳脫,方法如下:

<span id="foo:bar"></span> 

<span id="foo[bar]"></span> 

<span id="foo.bar"></span>

對於以上這種id裡含有特殊符號的需要在前面加上反斜槓來跳脫,

#foo:bar 

#foo[bar] 

#foo.bar



4

以上為官方提供的例子,這裡自己寫幾個常用的,

<input type="text" id="username"/>

<input type="submit" id="mysubmit"/>

<textarea id="mytextarea"></textarea>

獲取的時候分別是:

$("#username");

$("#mysubmit");

$("#mytextarea");



IT145.com E-mail:sddin#qq.com