码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习总结(二)

时间:2015-07-14 17:13:36      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

简单选择器:

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

技术分享

 

jQuery学习总结(二)

标签:

原文地址:http://www.cnblogs.com/yzdqxing/p/4645765.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!