js选择器

刺骨的言语ヽ痛彻心扉 2022-01-21 04:39 224阅读 0赞

**转自：**[https://blog.csdn.net/Interseting/article/details/78162071][https_blog.csdn.net_Interseting_article_details_78162071]**                     **

**                  jQuery中正确的使用选择器非常重要**

**常见的选择器：**

1.标签选择器，也就是没有任何标点，直接的标签名的匹配；       eg:$("input").css();

2.类选择器，也就是类属性名称前加点“.”；     eg:$(".tab").css();

3.id选择器，也就是在id属性名称前加井号“\#”；  eg:$("\#userName").css();

4.通配行选择器，匹配该元素下面的所有的元素；    eg:$("form \*").css();

** 层级选择器：**

1.$("a b").css();     表示a里所有是b的直系子元素；

2.$("a>b").css();    a下的所有b的元素；

3.$("a+next").css();    紧接着该元素的下一个名为next的元素；

4.$("a~b").css();    a之后的所有的名称为b的所有后代元素；（直系和间接的都是）

**过滤选择器：**

1.选择器的前面加“：”，代表过滤器； eg:$(":first").css();    $(":index").css();    $(":gt").css();  $(":lt).css();    $(":eq").css();   $(":not").css();

隔行变色（采用的是取偶数或者奇数的标签）；eg:$(":even").css();    $(":odd").css();

2.内容选择器，原理相同，见名知意；

**属性过滤器：**

1.\[attribute\]   取拥有attribute属性的元素；

2.对于属性过滤器，经常使用到的  类似: ^=  $=  \*=  这些可以按照Java的正则理解，开始，结束，通配等js选择器

[https_blog.csdn.net_Interseting_article_details_78162071]: https://blog.csdn.net/Interseting/article/details/78162071

发表评论取消回复

表情：

评论列表（有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS_js选择器封装

选择器封装 const $ = name => document.querySelector(name); 使用 $('.submit') //

我不是女神ヾ/ 2022年11月04日 11:19/ 0 赞/ 175 阅读

相关 js选择器

最近弄得项目里面要求各标签不能用id，只能用class，在js选择器中选择class时，用getElementByCLassName又不行（具体原因我也不知道为什么），后面查到

刺骨的言语ヽ痛彻心扉/ 2022年08月13日 01:58/ 0 赞/ 184 阅读

相关 js树状选择器

代码块 selector.jsp <table class="table table-striped table-bordered table-hover">

叁歲伎倆/ 2022年08月02日 02:21/ 0 赞/ 193 阅读

相关 js 前端时间选择器

<div class="bname fl"> 创建时间： <br> <input type="date" id

一时失言乱红尘/ 2022年05月04日 02:28/ 0 赞/ 390 阅读

相关 js-DOM选择器

目录一、文本操作 1、纯文本 2、带有标签效果的文本设置 3、案例案例1、操作文本节点内容案例2、点击按钮出来弹框案例3、点击弹框修改文本内容和地址

拼搏现实的明天。/ 2022年03月15日 09:35/ 0 赞/ 225 阅读

相关 js选择器

转自：[https://blog.csdn.net/Interseting/article/details/78162071][https_blog.csdn.net_Inte

刺骨的言语ヽ痛彻心扉/ 2022年01月21日 04:39/ 0 赞/ 225 阅读

相关 js--选择器总结

前言 js选择器的目的是为了选择出所需要的元素然后进行样式的赋值或者其他方面的应用，所以选择器很重要。内容基本选择器有ID选择器、类选择器、标签选择器、通用选

缺乏、安全感/ 2021年09月27日 04:30/ 0 赞/ 356 阅读

相关 JS实现时间选择器

JS实现时间选择器 dateTime.js function withData(param) { return param < 10 ? '0' +

古城微笑少年丶/ 2021年07月25日 18:19/ 0 赞/ 436 阅读

相关 js dom-选择器

dom 选择器 document.querySelector("选择器") 返回第一个匹配的节点，没用返回null doc

た入场券/ 2021年07月24日 23:34/ 0 赞/ 365 阅读

相关 js document对象-选择器

document对象浏览器对外提供的支持js的用来操作html文档的一个对象，此对象封存html文档的所有信息,通过document调用时，是调用d

深藏阁楼爱情的钟/ 2021年07月24日 23:11/ 0 赞/ 383 阅读