Jquery的学习(三)选择器
1.Jquery中最重要的就是选择器了。
学习要点:
1.简单选择器
2.进阶选择器
3.高级选择器
①简单选择器。
最简单的也就是最常用的,最常用的一般也是最简单的。
在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象。随后,我们就可以对这个获取到的 DOM 节点进行行为操作了。
#box {
//使用 ID 选择器的 CSS 规则
color:red;
//将 ID 为 box 的元素字体颜色变红
}
在 jQuery 选择器里,我们使用如下的方式获取同样的结果:
$(‘#box‘).css(‘color‘, ‘red‘);
//获取 DOM 节点对象,并添加行为
警告:有个问题特别要注意,ID 在页面只允许出现一次,我们一般都是要求开发者要遵守和保持这个规则。但如果你在页面中出现三次,并且在 CSS 使用样式,那么这三个元素还会执行效果。但如果,你想在 jQuery 这么去做,那么就会遇到失明的问题。所以,开发者必须养成良好的遵守习惯,在一个页面仅使用一个 ID。
$(‘#box‘).css(‘color‘, ‘red‘);
//只有第一个 ID 变红,后面两个失明
②进阶选择器
③高级选择器
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。