jQuery 选择器是一种用于选取 DOM 元素的表达式,类似于 CSS 选择器
▥前端
𝄐 0
jquery elementui
jQuery 选择器是一种用于选取 DOM 元素的表达式,类似于 CSS 选择器。使用 jQuery 选择器可以方便地操作和修改网页中的元素。
以下是一些常见的 jQuery 选择器:
1. 元素选择器:选取指定元素。
javascript
$("p") // 选取所有 <p> 元素
2. ID 选择器:选取指定 ID 的元素。
javascript
$("#myId") // 选取 id 为 "myId" 的元素
3. 类选择器:选取指定类名的元素。
javascript
$(".myClass") // 选取 class 为 "myClass" 的元素
4. 属性选择器:选取指定属性的元素。
javascript
$("[href]") // 选取带有 href 属性的元素
$("[href='https://www.google.com']") // 选取 href 属性值为 "https://www.google.com" 的元素
5. 多重选择器:同时选取多个元素。
javascript
$("p, .myClass, #myId") // 选取所有 <p> 元素、class 为 "myClass" 的元素和 id 为 "myId" 的元素
6. 子元素选择器:选取指定父元素下的子元素。
javascript
$("ul li") // 选取所有 <ul> 元素下的 <li> 元素
7. 后代元素选择器:选取指定祖先元素下的后代元素。
javascript
$("div p") // 选取所有 <div> 元素下的 <p> 元素
8. 相邻兄弟元素选择器:选取紧接在另一个元素之后的元素。
javascript
$("h1 + p") // 选取 <h1> 元素后面紧接着的 <p> 元素
9. 所有兄弟元素选择器:选取所有与另一个元素拥有相同父元素的元素。
javascript
$("h1 ~ p") // 选取和 <h1> 元素拥有相同父元素的所有 <p> 元素
以上是一些常见的 jQuery 选择器,可以根据实际需求灵活运用。
jQuery 选择器是一种用于选取 DOM 元素的表达式,类似于 CSS 选择器。使用 jQuery 选择器可以方便地操作和修改网页中的元素。
以下是一些常见的 jQuery 选择器:
1. 元素选择器:选取指定元素。
javascript
$("p") // 选取所有 <p> 元素
2. ID 选择器:选取指定 ID 的元素。
javascript
$("#myId") // 选取 id 为 "myId" 的元素
3. 类选择器:选取指定类名的元素。
javascript
$(".myClass") // 选取 class 为 "myClass" 的元素
4. 属性选择器:选取指定属性的元素。
javascript
$("[href]") // 选取带有 href 属性的元素
$("[href='https://www.google.com']") // 选取 href 属性值为 "https://www.google.com" 的元素
5. 多重选择器:同时选取多个元素。
javascript
$("p, .myClass, #myId") // 选取所有 <p> 元素、class 为 "myClass" 的元素和 id 为 "myId" 的元素
6. 子元素选择器:选取指定父元素下的子元素。
javascript
$("ul li") // 选取所有 <ul> 元素下的 <li> 元素
7. 后代元素选择器:选取指定祖先元素下的后代元素。
javascript
$("div p") // 选取所有 <div> 元素下的 <p> 元素
8. 相邻兄弟元素选择器:选取紧接在另一个元素之后的元素。
javascript
$("h1 + p") // 选取 <h1> 元素后面紧接着的 <p> 元素
9. 所有兄弟元素选择器:选取所有与另一个元素拥有相同父元素的元素。
javascript
$("h1 ~ p") // 选取和 <h1> 元素拥有相同父元素的所有 <p> 元素
以上是一些常见的 jQuery 选择器,可以根据实际需求灵活运用。
本文地址:
/show-270107.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。