用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选择节点下的第几个子元素的详细内容。更多信息请关注PHP中文网其他相关文章!