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

Posted Do or Not Do, Must Keep Trying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

css选择器

我记得css选择器可以选择头几个元素。比如ul下5个li,我可以选择头3个li,并操作。类似,jq里面的gt()属性。今天想用,怎么都想不起来了,谁告诉我一下。

参考技术A 这个是有区别的。1、首先说两者是属于不同的两门语言,jQuery是属于js的一个框架,则其选择器是js里面的选择器,css是另一门不同于js的语言,其选择器是css选择器,则两者在根本上是不同的。2、但是两者是有交集的,都是作为网页或者浏览器解析的语言,而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。3、可以简单的这样区分两者,css选择器用语css当中,js选择器应用于js当中,只不过有时两者使用相同的id标识来选择对象。追问

我的意思是问,css怎么实现类似jq里面的gt()选择

参考技术B 参考 http://www.w3school.com.cn/cssref/css_selectors.asp
不过好像没有这种选择器....也可能我没看仔细...

以上是关于jq中的九大选择器有哪些?作用是什么?的主要内容,如果未能解决你的问题,请参考以下文章

jquery中有哪几种类型的选择器?

jq 选择器eq后面能用变量吗

jquery有几种选择器

css选择器

jsp中的九大内置对象的定义及作用

CSS中的选择器有哪些?