jquery完全繼承了CSS的操作風格,使用jquery選擇器有一些注意事項。
1.選擇器中含有特殊符號,比如.#[(^*$等
由於這些符號在jquery選擇器中是有特殊含義的,所以不能直接使用,需要轉義符進行轉義。
HTML代碼如下:
<div id="id.a">aa</div>
<div id="id#b">bb</div>
<div id="id[1]">cc</div>
由於上述元素的id中含有特殊字符,使用jquery選擇器時必須通過轉義符進行轉義。
$('#id\\.a');//轉義特殊字符“.”
$('#id\\#b');//轉義特殊字符“#”
$('#id\\[1\\]'); //轉義特殊字符“[]”
2.屬性選擇器的@
1.1.0版本的屬性選擇器中有使用@,從1.3.1以後的版本中不再使用@,這一點需要注意。
3.選擇器中含有空格
選擇器中的空格往往表示的是後代選擇器,不加空格表示的是對元素進行的過濾操作等,操作的是元素本身。在實際的使用過程中,有空格和沒有空格會取得截然不同的結果,這一點尤其需要注意。
實例代碼:
運行結果:
以上即為使用jquery選擇器需要注意的一些問題,需要在實際的使用過程中慢慢體會。
相關推薦
'jQuery的前世今生'
"jQuery曾經是世上最流行的JavaScript庫,在2000年後期,它得到了廣泛的應用,圍繞它也產生了一個豐富的生態系統,誕生了大量的插件、框架。但是到了最近一段時間,jQuery的地位急劇下降。這篇文章會回顧一下jQuery的前世今生。jQuery的歷史John R...
'CSS選擇器和優先級總結,告誡自己不能任性使用!important'
"如果在項目裡面使用了通用的reset.css樣式,但是在具體的頁面裡面要對同一個樣式進行覆蓋式修改,不借助與scoped的和inner style,你會怎麼做?會不會像我一樣在剛接觸的時候給要覆蓋的樣式後面加上!important屬性本文將告訴大家關於CSS選擇器和優先級...
'2019 年了,為什麼我還在用 jQuery?'
"許多人都在提倡: “直接用原生的 JavaScript 就好了,不需要 jQuery 了”。You might not need jQuery嘗試告訴我們,擺脫 jQuery 是一件很容易的事情。但是,它的第一個例子恰恰告訴我們用 jQuery 其實也不錯,因為我們寫了 ...
'uni-app: 使用Vue.js需要注意哪些問題?'
"點擊右上方紅色按鈕關注“web秀”,讓你真正秀起來前言uni-app 在發佈到 H5 時,是支持所有 vue 的語法的。但是發佈到App或者小程序時,由於各個平臺等限制,無法實現全部 vue 語法,本文將詳細講解差異。相比Web平臺, Vue.js 在 uni-app 中...
'為什麼我還在用 jQuery?'
"許多人都在提倡: “直接用原生的 JavaScript 就好了,不需要 jQuery 了”。其實擺脫 jQuery 是一件很容易的事情。但是,下面這個例子其實恰恰可以告訴我們用 jQuery 其實也不錯,因為我們寫了 10 行原生的 JavaScript 代碼,其實只需要...
'打造有競爭力的亞馬遜Listing,新手賣家要注意這幾點'
"亞馬遜Listing是賣家店鋪的基礎,寫Listing不難,但是寫出高轉化有競爭力的Listing就有點難,作為亞馬遜新手寫出優秀的Listing就更難,亞馬遜新手賣家要寫出有質量的Listing,要做好下面幾個方面,一起隨amazon代運營小編來看看。一、亞馬遜List...
為什麼說 jQuery 會退出前端的舞臺?
作為一個8年的老前端,我來嘗試著回答你的問題。說這個問題之前,我們要先把關注點放在什麼是庫,什麼是框架,什麼是jQuery上。1、JS庫 直白點的話,JS...
新規之下,Listing 標題撰寫時的注意事項
在最近剛剛發佈的平臺操作規範通知中,亞馬遜表示,為了提升消費者的購物體驗,平臺對賣家在Listing標題的寫作上做出了一些細節上的規範和強調,同時,也給一...
HTML
2019-06-29
推薦中...