jQuery next() children()等方法

最新推荐文章于 2020-05-23 19:41:28 发布

来自流星

最新推荐文章于 2020-05-23 19:41:28 发布

阅读量1.3k

点赞数

分类专栏： js

js 专栏收录该内容

64 篇文章

订阅专栏

本文通过实例介绍了jQuery中children(), next(), prev() 和 siblings() 方法的使用。这些方法可以帮助开发者更精确地选取DOM元素，实现页面元素的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">

    $(function () {
    
        // children()方法只考虑子元素而不考虑其他后代元素
    
        var $body = $("body").children();
        alert($body.length) // ------>  2 个
    
    });

</script>
</head>
<body>
<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<ul>
    <li title='苹果'>苹果</li>
    <li title='橘子'>橘子</li>
    <li title='菠萝'>菠萝</li>
</ul>
</body>

 $(function(){
     var $p1 = $("p").next();
	 alert( $p1.html() );  //  紧邻<p>元素后的同辈元素
	 var $ul = $("ul").prev();
	 alert( $ul.html() );  //  紧邻<ul>元素前的同辈元素
	 var $p2 = $("p").siblings();
	 alert( $p2.html() );  //  紧邻<p>元素的唯一同辈元素
  });
  </script>
</head>
<body>
	<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
	<ul>
	  <li title='苹果'>苹果</li>
	  <li title='橘子'>橘子</li>
	  <li title='菠萝'>菠萝</li>
	</ul>
</body>