大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://dzwzjz.com/article/pdoedg.html