js的选择器
JS选择器
·
它是最核心的选择器引擎，继承了css的语法，可以对DOM元素的标签名、属性名、状态等进行快速准确地选择。
所有的css样式的使用方法，对他来说都适用。
<body>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
</ul>
<ul>
<li>temp1</li>
<li>temp2</li>
<li>temp3</li>
<li>temp4</li>
<li>temp5</li>
</ul>
</body>获取标签名并更改颜色：
$("ul:nth-of-type(1) li:nth-of-type(3)").css({
color: "red"
})结果：
获取class名 .mine并更改字体大小：
<div class="mine">mine</div>
$(".mine").css({
"font-size": 20
})后代选择器header div，在jquery中$("header div")等价于$("header").find("div")。
子代选择器：header>div，有兼容性问题 IE6不支持，跟上面一样，jquery的$("header div")等价于("header").children('p')。
第一个:first
最后一个:last
所有偶数:even
所有奇数 :odd
根据下标进行选择 :eq(n)
根据属性进行选择[title]
拓展：容错功能，很多情况下 动态DOM生成会有问题
拓展：选择器复杂度，选择器越复杂，字符串解析越慢
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)