美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

jQuery中如何实现层级选择器

这篇文章将为大家详细讲解有关jQuery中如何实现层级选择器，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联是一家专注于做网站、成都网站设计与策划设计,武义网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:武义等地区。武义做网站价格咨询:028-86922220

具体内容如下




  
  
  
  



  
子选择器与后代选择器

  
    
      
div下的第一个p元素

    
           

div下的第一个p元素

    
  
              
        

div下的article下的p元素

      
                
        

div下的article下的p元素

      
               //子选择器     //$('div > p') 选择所有div元素里面的子元素P     $('div > p').css("border", "5px groove red");           //后代选择器     //$('div p') 选择所有div元素里面的p元素     $('div p').css("border", "9px groove green");      

相邻兄弟选择器与一般兄弟选择器

       
兄弟节点div, +~选择器不能向前选择
    选择器span元素     
span后第一个兄弟节点div
    
兄弟节点div       子元素div
         兄弟节点span,不可选     
兄弟节点div
          //相邻兄弟选择器     //选取prev后面的第一个的div兄弟节点     $(".prev + div").css("border", "3px groove blue");           //一般相邻选择器     //选取prev后面的所有的div兄弟节点     $(".prev ~ div").css("border", "3px groove blue");   

关于“jQuery中如何实现层级选择器”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。


名称栏目：jQuery中如何实现层级选择器
本文来源：http://www.zsjierui.cn/article/pdoedg.html

其他资讯