{site_name}

{site_name}

🌜 搜索

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 选择器,可以根据实际需求灵活运用。