动态插入节点方法

最新推荐文章于 2025-02-14 16:08:24 发布

原创最新推荐文章于 2025-02-14 16:08:24 发布 · 695 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #web前端开发

网站常用jquery效果专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何使用jQuery轻松地将HTML元素动态插入到页面中，通过定义一个返回字符串的函数来实现动态内容的生成与展示。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>动态插入节点方法</title>
    <script type="text/javascript" src="Jscript/jquery-1.8.2.js"></script>
    <style type="text/css">
           body{font-size:13px}
    </style>
    <script type="text/javascript">
        $(function() {
            $("div").append(retHtml); //插入内容
            function retHtml() {
                var str = " <b>Write Less Do More</b> ";
                return str;
            }
        })
    </script>
</head>
<body>
     <div>jQuery</div>
</body>
</html>