jQuery中如何实现层级选择器-创新互联

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

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网络空间、营销软件、网站建设、柳江网站维护、网站推广。

具体内容如下





  
  
  
  



  

子选择器与后代选择器

              

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

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:jQuery中如何实现层级选择器-创新互联
本文来源:http://myzitong.com/article/cseepp.html