脚本宝典收集整理的这篇文章主要介绍了jquery中的>是什么意思,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
在jquery中,“>”是一个子元素选择器,该选择器只能选择某元素的子元素;语法“$("E > F")”,其中E为父元素,而F为子元素,表示的是选择了E元素下的全部子元素F。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中,“>”指的是一个子元素选择器,是层次选择器的一种。
子元素选择器(E>F
)只能选择某元素的子元素,其中E为父元素,而F为子元素,其中E>F所表示的是选择了E元素下的全部子元素F。
语法:
$("E > F")
jQuery 中所有选择器都以美元符号开头:$()。
返回值:返回匹配的结果集
示例:
<!DOCTYPE htML> <html> <head> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("#main > *").css("border", "3px double red"); }); </script> <style> body { font-Size: 14px; } span#main { display: block; background: yellow; height: 110px; } button { display: block; float: left; margin: 2px; font-size: 14px; } div { width: 90px; height: 90px; margin: 5px; float: left; background: #bbf; font-weight: bold; } div.mini { width: 30px; height: 30px; background: green; } </style> </head> <body> <span id="main"> <div></div> <button>Child</button> <div class="mini"></div> <div> <div class="mini"></div> <div class="mini"></div> </div> <div><button>Grand</button></div> <div><span>A Span <em>in</em> child</span></div> <span>A Span in main</span> </span> </body> </html>
分析:
$("#main > *").css("border", "3px double red");
将匹配span元素中的子元素,并且必须为子元素集合中的第一个元素,以下为匹配的元素(紫色)
【推荐学习:jQuery视频教程、web前端】
以上就是jquery中的>是什么意思的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的jquery中的>是什么意思全部内容,希望文章能够帮你解决jquery中的>是什么意思所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。