JQUERY选择器第一天

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQUERY选择器第一天相关的知识,希望对你有一定的参考价值。

一.选择器(简单)

技术分享

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选择器第一天的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么删除第一个子元素

jQuery 选择器

jquery怎么找到元素下面的第一个子元素

jquery

jquery使用选择器对该元素操作

jquery如何获取第一个或最后一个子元素