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

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

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

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

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

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

很多种方法：楼上hapgaoyi | 七级　的是一种方法：

$("#divimg img")first()show(); 显示上面的div中第一个img

$("#divimg img:gt(0)")hide();隐藏上面的div中不是第一个的img

============================可爱的分隔线================================

此外，还可以这样：

$('#divimg img:eq(0)')show()siblings()hide();

说明：

此例使用了jQuery最有特色的链式 *** 作方式，从而无须多次获取对象，简洁明了，推荐使用。

1、查找子元素方式1：>\x0d\例如：var aNods = $("ul > a");查找ul下的所有a标签\x0d\2、查找子元素方式2：children()\x0d\3、查找子元素方式3：find()\x0d\\x0d\通过下标获取第n个子标签的ID值\x0d\\x0d\1var num1=$("ul > a:eq(0)")attr("ID");\x0d\2var num2=$("ul")children("a:eq(0)")attr("ID");\x0d\3var num3=$("ul")find("a:eq(0)")attr("ID");

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

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

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

$('li')hover(function () {

$(this)find('dd')css('display', 'inline');

});

3、浏览器运行indexhtml页面，此时当鼠标移动到li上时，它的字元素dd通过$(this)的方式获取被显示了出来。

第一步, 获取你要得到高度的那个div的jQuery对象,，通过id获得: $("#div_id")；

第二步, 要看要得到的是什么高度了， jQuery里现有的三个(其实是两个)获得高度的方法是:

1 $("#div_id")height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

2 $("#div_id")outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)；

3 $("#div_id")outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度。

这种问题可以临时将父层的 opacity (透明度) 设为 0，然后将 display 设为 block

为了让父层不在页面占有空间，你还需要将它临时放到可视范围外面，例如 top: -9999

<script type="text/javascript">

$(function() {

    // 0

    alert($("#child")width());

    $("#parent")css({

        opacity: 0,

        display: "block",

        position: "absolute",

        top: -9999

    });

    var child_width = $("#child")width();

    // 500

    alert(child_width);

    // 获取到宽度后还原父层 CSS 属性

    $("#parent")css({

        opacity: 1,

        display: "none",

        // 如果之前是 relative

        position: "relative",

        // 还原之前的 top

        top: "auto"

    });

});

</script><div id="parent" style="width: 500px; display: none;">

    <div id="child">child</div>

</div>

父层元素需要设置高度值，子层元素百分比高度都是相对于父层的。

也可以使用最新的vh,vw单位，相对于页面高度和宽度的百分比进行设置。

还可以使用js动态获取父层元素的高度并设置父层元素固定的高度，或者设置子层元素的百分比高度。

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

 $("#hong")contents()find("body")append("I'm in an iframe!");

});

  </script>

  <iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>

以上就是关于在jQuery中如何选择某DIV的子元素全部的内容，包括:在jQuery中如何选择某DIV的子元素、jquery如何通过父元素得到其中的子元素、jquery怎么获取当前标签下的子标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！