jq中的九大选择器有哪些?作用是什么?

jQuery 中的九大选择器如下:

  1. 元素选择器(Element Selector):使用元素名称来选择 HTML 元素。如 $('p') 选取所有 <p> 元素。
  2. ID 选择器(ID Selector):使用元素的 ID 属性来选择 HTML 元素。如 $('#myId') 选取 ID 为 'myId' 的元素。
  3. 类选择器(Class Selector):使用元素的 class 属性来选择 HTML 元素。如 $('.myClass') 选取 class 为 'myClass' 的元素。
  4. 属性选择器(Attribute Selector):使用元素的属性值来选择 HTML 元素。如 $('[href]') 选取具有 href 属性的元素。
  5. 多属性选择器(Multiple Attribute Selector):同时选择具有多个属性的 HTML 元素。如 $('[href][title]') 选取具有 href 和 title 属性的元素。
  6. 子元素选择器(Child Selector):选择指定元素的子元素。如 $('ul > li') 选取所有 <ul> 元素的直接子元素 <li> 元素。
  7. 后代元素选择器(Descendant Selector):选择指定元素的后代元素。如 $('ul li') 选取所有 <ul> 元素的后代 <li> 元素。
  8. 相邻兄弟元素选择器(Adjacent Sibling Selector):选择指定元素之后的第一个兄弟元素。如 $('h1 + p') 选取紧接在 <h1> 元素后面的第一个 <p> 元素。
  9. 兄弟元素选择器(General Sibling Selector):选择指定元素之后的所有兄弟元素。如 $('h1 ~ p') 选取所有在 <h1> 元素后面的 <p> 元素。 这些选择器可以帮助我们快速、准确地选择 HTML 元素,进而对它们进行操作、添加事件等。在实际开发中,它们都有着广泛的应用。

转载>.< jq中的九大选择器有哪些?作用是什么? - 艾恩小灰灰的回答 - 知乎 https://www.zhihu.com/question/591534219/answer/2951613510

posted @ 2023-04-27 17:47  弥烟袅绕  阅读(171)  评论(0)    收藏  举报