WWW.lllT.neT

方式:1、应用append(),可以向div元素内部结构的“结尾处”插进原素,英语的语法“$("div").append(原素)”;2、应用prepend(),可以向div元素内部结构的“逐渐处”插进原素,英语的语法“$("div").prepend(原素)”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.2版本号、Dell G3电脑上。

jquery在div内提升原素

1、应用append()方式

在 jQuery 中,我们可以应用 append( ) 方式向选定原素内部结构的“结尾处”插进具体内容。
英语的语法:

$(A).append(B)
  • 表明往 A 内部结构的结尾处插进 B。

实例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        div{
			height: 100px;
			background-color:orange;
		}
    </style>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var $strong = "<strong>欢迎光临自学java网!</strong>";
                $("div").append($strong);
            })
        })
    </script>
</head>
<body>
    <div>hello!</div><br />
    <input id="btn" type="button" value="插进"/>
</body>
</html>

1.gif

2、应用prepend()方式

在 jQuery 中,我们可以应用 prepend( ) 方式向选定原素内部结构的“逐渐处”插进具体内容。

英语的语法:

$(A).prepend(B)
  • 表明往 A 内部结构的逐渐处插进 B。

实例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        div{
			height: 100px;
			background-color:orange;
		}
    </style>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var $strong = "<strong>欢迎光临自学java网!</strong>";
                $("div").prepend($strong);
            })
        })
    </script>
</head>
<body>
    <div>hello!</div><br />
    <input id="btn" type="button" value="插进"/>
</body>
</html>

2.gif

有关教程视频建议:jQuery实例教程(短视频)

以上便是jquery怎样在div内提升原素的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery怎样在div内提升原素发布于2021-12-15 20:00:02