Jquery相关层次选择器

来源：互联网发布：新开淘宝店卖什么好编辑：程序博客网时间：2024/06/11 19:32

1.Jquery层次选择器
层次选择器通过Dom元素之间的层次关系获得元素，主要包括后代，父子，相邻，兄弟关系，可以通过jquery的内置方法迅速获得。

2.层次选择器的种类
①ancestor descendant 根据祖先迅速获得所有后代元素
②parent>child 根据父类迅速获取子类所有的子元素
③prev+next 迅速匹配所有紧邻在prev元素的相邻元素
④pre~siblings 匹配pre元素之后的所有兄弟元素

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Jquery层次选择器</title><script type="text/javascript" src="jquery-1.10.1.js"></script><style type="text/css">body{font-size:12px;text-align:center;}div,span{float:left;border:soild 1px #ccc;margin:8px;dispaly:none;}.clsFraA{width:65px;height:65px;}.clsFraP{width:45px;height:45px;background-color:#eee;}.clsFraC{width:25px;height:25px;background-color:#ddd;}</style><script type="text/javascript">//匹配后代元素/* $(function(){    $("#divMid").css("display","block");    $("div span").css("display","block")   });  *///匹配子元素 /* $(function(){    $("#divMid").css("display","block");    $("div>span").css("display","block");});  *///匹配后面元素/* $(function(){    $("#divMid + div").css("display","block");    $("#divMid").next().css("display","block");});  *///匹配相邻元素 $(function(){    $("#divMid").siblings("div").css("display","block");}); </script><script type="text/javascript" src="jquery-1.10.1.js"></script></head><body>    <div class="clsFraA">Left</div>    <div class="clsFraA" id="divMid">        <span class="clsFraP" id="Span1">            <span class="clsFraC" id="Span2"></span>        </span>    </div>    <div class="clsFraA">right_1</div>    <div class="clsFraA">right_2</div></body></html>

总结：
通过不同的表达式可以获得不同的子元素集合，但是但是在chrom上测试的时候属性没有办法表达出来。
通过不同的方式获取到dom的分支或者相邻元素集合，平时在工作中用的比较多的应该是基本选择器，多了解一点面对一些比较麻烦的问题时候，会多一点思路。

反思：
最近自己做出来的一些计划，自己经常不能完成，根本就没有坚持，光怪陆离的现实社会存在着种种的诱惑，为了吸引读者阅读新闻，新闻行业各种夸张的标题。时时刻刻都在吸引着我们，他们的长发点是为了赚取流量，所以没有什么实际意义上对我们有价值，可能会有价值，但是价值也不可能太大。没有那个人是打工可以实现自己的财富自由的，人活着毕竟是自己与自己的游戏。
有个比喻很形象，心中住了两个小人，也就是我们所谓的理性与感性，他们相互较量着。
请上帝赐予我勇气，去改变那些可以改变的。请上帝赐予我平静，去接受那些不可以改变的。请上帝赐予我智慧去分别那些是可以改变的，那些是不可以改变的。
人其实是一种非常弱小和脆弱的生物，一个人在宇宙中算是一粒尘埃。渺小的不值得一提的生物，用心去感受那些美好的事物。社会给予名声，财富在大自然面前，在宇宙面前都是脆弱的不值得一提的。
写的比较散，但都是自己所想到的，所以随手写了下来。

0 0