在jQuery中如何选择某DIV的子元素？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

2、在index.html中的<script>标签，输入jquery代码：

$('#a').html('<img src="' + $('#img1 img').attr('src') + '"/>')

3、浏览器运行index.html页面，此时成功选择到img1中的图片并显示在另一个div中。

和现实生活中的概念一样，子就是指儿子，是自己直接生出来的，而后代则是指儿子、孙子、曾孙、重孙……十八代……乃至千秋万代，即辈分低于自己的所有都是后代。

比如下面的：

<div>

<ul>

<li>111</li>

<li>222</li>

<li>333</li>

</ul>

<p>

<span>......</span>

</p>

</div>

ul是div的子元素，p也是div的子元素，li是ul的子元素，span是p的子元素，li和span不是div的子元素；

而ul、li、p、span都是div的后代元素。

在JQuery中，$("div

ul")

这样选择的其实是后代元素，即ul不管与div隔了多少代都会被选中；只有

$("div>ul")

这样才是真正选择的子元素，即紧挨着div的ul

---