jQuery常规选择器
jQuery最核心的组成部分就是:选择器引擎。它继承了CSS的语法,可以对DOM元素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容性。jQuery选择器实现了CSS1~CSS3的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择。 一.简单选择器(ID选择器) 在使用jQuery选择器时,我们首先必须使用“$()”函数来包装我们的CSS 规则。而CSS规则作为参数传递到jQuery对象内部后,再返回包含页面中对应元素的jQuery对象。随后,我们就可以对这个获取到的DOM节点进行行为操作了。 #box { //使用ID选择器的CSS规则 color:red; //添加一个样式color:red } 在jQuery选择器里,我们使用如下的方式获取同样的结果: $(function () { $('#box').css('color','blue'); //添加一个行为css('color','blue'),这个行为是添加样式 }); 那么除了ID选择器之外,还有两种基本的选择器,分别为:元素标签名和类(class): (1)元素名选择器获取所有div元素的DOM对象,CSS模式:div {} ,jQuery模式:$('div') <body> <div>常规选择器</div> <div>常规选择器</div> <div>常规选择器</div> <