jq中的九大选择器有哪些?作用是什么?
Posted Do or Not Do, Must Keep Trying
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq中的九大选择器有哪些?作用是什么?相关的知识,希望对你有一定的参考价值。
jQuery 中的九大选择器如下:
- 元素选择器(Element Selector):使用元素名称来选择 HTML 元素。如
$(\'p\')
选取所有<p>
元素。 - ID 选择器(ID Selector):使用元素的 ID 属性来选择 HTML 元素。如
$(\'#myId\')
选取 ID 为 \'myId\' 的元素。 - 类选择器(Class Selector):使用元素的 class 属性来选择 HTML 元素。如
$(\'.myClass\')
选取 class 为 \'myClass\' 的元素。 - 属性选择器(Attribute Selector):使用元素的属性值来选择 HTML 元素。如
$(\'[href]\')
选取具有 href 属性的元素。 - 多属性选择器(Multiple Attribute Selector):同时选择具有多个属性的 HTML 元素。如
$(\'[href][title]\')
选取具有 href 和 title 属性的元素。 - 子元素选择器(Child Selector):选择指定元素的子元素。如
$(\'ul > li\')
选取所有<ul>
元素的直接子元素<li>
元素。 - 后代元素选择器(Descendant Selector):选择指定元素的后代元素。如
$(\'ul li\')
选取所有<ul>
元素的后代<li>
元素。 - 相邻兄弟元素选择器(Adjacent Sibling Selector):选择指定元素之后的第一个兄弟元素。如
$(\'h1 + p\')
选取紧接在<h1>
元素后面的第一个<p>
元素。 - 兄弟元素选择器(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中的九大选择器有哪些?作用是什么?的主要内容,如果未能解决你的问题,请参考以下文章