简单选择器:
在使用jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的CSS 规则。
而CSS 规则作为参数传递到jQuery 对象内部后,再返回包含页面中对应元素的jQuery 对象。
随后,我们就可以对这个获取到的DOM 节点进行行为操作了。
例: $('#box').css('color', 'red'); //获取DOM 节点对象,并添加行为
jQuery对浏览器兼容性进行了处理,所以很多时候,我们可以不用考虑浏览器兼容性的问题。
jQuery 选择器在获取节点对象的时候不但简单,还内置了容错功能,这样避免像JavaScript
那样每次对节点的获取需要进行有效判断。
$('#pox').css('color', 'red'); //不存在ID 为pox 的元素,也不报错
document.getElementById('pox').style.color = 'red'; //会报错,可用判断语句处理
进阶选择器:
在应用中,我们可以将各种选择器配合使用。
高级选择器:
子选择器,只有子节点才可以被选择到,孙子节点和重孙子节点都无法选择到。
next 和nextAll 选择器,必须是同一个层次的后一个和后N 个,不在同一个层次就无法选取到了。
在find()、next()、nextAll()和children()这四个方法中,如果不传递参数,就相当于传递了“*”,即任何节点。