8--Jquery中的DOM操作(创建节点)

  1. 创建节点使用Jquery的工厂函数$ (): $ (html);根据传入的HTML标记字符串就会创建一个DOM对象。Jquery就会把这个DOM对象包装成一个Jquery对象。
  2. 注意:动态创建的额新元素节点不会自动添加到文档中。而是需要使用其他方法将其插入到文档中。
  3. 创建单个元素时,需要注意闭合标签和使用标准的xhtml格式。例如创建一个< p >元素,可以使用$ (“< p />”) 或者 $ (“< p >< /p >”),但是不能使用$ (“< p >”) 或者 $ (“< /p >”)或者$ (“p”) .
  4. 创建文本节点就是在创建元素节点时直接将文本内容写出来。创建属性节点是也是跟元素节点一块创建。
    实例1:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>创建节点</title>
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
        <ul id="fruit">
            <li title="pg">苹果</li>
            <li title="jz">橘子</li>
            <li title="xj">香蕉</li>
        </ul>
    <script>
        $(function(){
    
    
            /*创建li元素节点,创建文本节点,属性节点*/
            var $bl=$("<li title='bl'>菠萝</li>");
            /*将新创建的元素节点拼接到父节点上(UL上)*/
            $("#fruit").append($bl);

          /*  $("#fruit").append($("<li title='bl'>菠萝1</li>"));*/
        });
    </script>
</body>
</html>

看完留下你可爱的小赞哦

猜你喜欢

转载自blog.csdn.net/qwy715229258163/article/details/113866077