jQuery学习总结（二）

简单选择器:

在使用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()这四个方法中，如果不传递参数，就相当于传递了“*”，即任何节点。