用jquery选择节点下的第几个子元素的方法:首先打开相应的代码文件;然后在jquery中使用“:eq()”选择器选择节点下的指定子元素即可,其语法如“$(p:eq(1)).css(background-color...)”。
本教程操作环境:windows7系统、jquery1.12.0版本,该方法适用于所有品牌电脑。
推荐:《jquery视频教程》
jquery中可以使用:eq()选择器选择节点下的指定子元素,:eq()选择器选取带有指定index值的元素。index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
此方法经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。
示例:
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript"> $(document).ready(function(){ $("p:eq(1)").css("background-color","#b2e0ff");}); </script> </head><body><html><body><h1>welcome to my homepage</h1><p class="intro">my name is donald</p><p>i live in duckburg</p><p>my best friend is mickey</p><div id="choose">who is your favourite:<ul><li>goofy</li><li>mickey</li><li>pluto</li></ul></div></body></html> </body></html>
以上就是如何用jquery选择节点下的第几个子元素的详细内容。