首页 > Web开发 > 详细

JQUERY选择器第一天

时间:2016-09-10 15:57:19      阅读:196      评论:0      收藏:0      [点我收藏+]

一.选择器(简单)

技术分享

ID选择器只认识第一个ID  使用了三次 只会改变第一个ID 

但是CSS有容错性 它会把所有的ID都改变

 

子选择器  #box>p;    css格式 IE6不支持  但是JQUERY 可以封装调用

 

二.进阶选择器

技术分享

 

 

                 选择器越复杂                       字符串解析就越慢 只要追求必要的正确性!!!

 

 三.高级选择器

技术分享

 

 使用频率较低主要原因就是早期的IE浏览器不支持!

JQUERY为子选择器提高了一个等价方法 childen;

JQUERY为后代选择器提高了一个等价方法 find;


                  $(‘#box ‘).prev(‘p‘).css(‘color‘, ‘red‘);              //同级的上一个节点P           prev

 

                 $(‘#box ‘).prevALL(‘p‘).css(‘color‘, ‘red‘);          //同级的所有节点P    

 

                   $(‘#box ‘).siblings(‘p‘).css(‘color‘, ‘red‘);              结合了nextall 和prevALL 两种方法

           

           四 属性选择器

              技术分享

               过滤选择器

                        技术分享

 

                             

                          技术分享

 

 

                        技术分享

 

                       技术分享

 

JQUERY选择器第一天

原文:http://www.cnblogs.com/france-008/p/5859425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!