11. 混淆選擇器
示例:
"" id=
"linkid"
class
="linkclass"
>jquery<
/a>
"jquery-3.5.1.js"
>
<
/script>
<
/body>
#id
: 根據給定的id匹配乙個元素。
$
('#foo').
text()
;// "id=\"foo\" class=\"myclass\""
// 查詢含有特殊字元的元素
// 特殊字元要用雙「\\」轉義$(
'#foo\\:bar').
text()
;// "id=\"foo:bar\""$(
'#foo\\[bar\\]').
text()
;// "id=\"foo[bar]\""$(
'#foo\\.bar').
text()
;// "id=\"foo.bar\""
element
: 根據給定的元素標籤名匹配所有元素
$
('p');
// object }
.class
: 根據給定的css類名匹配元素。
$
('.myclass');
// object }
示例
>
name
="list"
type
="radio"
value
="list1"
>
section1
name
="list"
type
="radio"
value
="list2"
checked
="checked"
>
section2
name
="list"
type
="radio"
value
="list3"
lang
="it"
>
section3
src=
"jquery-3.5.1.js"
>
script
>
>
script
>
body
>
示例
header 1
<
/h1>
contents 1
<
/p>
header 2
<
/h2>
contents 2
<
/p>
<
/p>
"run"
>run<
/button>
<
/div>
"jquery-3.5.1.js"
>
<
/script>
<
/body>
示例
"display:none"
>
value 1 display:no<
/td>
<
/tr>
value 2 visible<
/td>
<
/tr>
<
/table>
"jquery-3.5.1.js"
>
<
/script>
<
/body>
示例
"jquery" name=
"jquery"
>
"2injquerytest"
>
"3jquerytest" name=
"3jquerytest"
>
"jqlearn"
>
<
/div>
"jquery-3.5.1.js"
>
<
/script>
<
/body>
示例
$.escapeselector(selector)
: 這個方法通常被用在類選擇器或者id選擇器中包含一些css特殊字元的時候,這個方法基本上與css中css.escape()
方法類似,唯一的區別是jquery中的這個方法支援所有瀏覽器。 JQuery基礎之選擇器
id為one,class為one的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為mini class為mini class為mini class為mi...
jquery基礎之選擇器
的所有元素的背景色為 00ffff id b2 元素和 id 為 two 的元素的背景色為 3399ff id b5 id為one id為two class是 mini class是 mini class是 one class是 mini class是 mini class是 one class是 ...
Jquery 基礎 選擇器。
jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...