jq 追加节点

最新推荐文章于 2023-06-16 19:59:01 发布

漂亮有内涵的大妹子

最新推荐文章于 2023-06-16 19:59:01 发布

阅读量830

点赞数

本文链接：https://blog.csdn.net/lujiayingwing/article/details/78345653

版权

点击打开链接

<body>
       <ul></ul>
   </body>
   <script src="js/js/jquery-1.12.4.min.js"></script>
   <script src="js/js/jquery.easing.1.3.js"></script>
   <script>

       //append   在元素的最后添加一个新的节点
       $('ul').append('<li>追加的元素1</li>');

       //appendTo   把自身添加到一个父节点中（父节点的最后一个元素）
       $('<li>追加的元素2</li>').appendTo($('ul'));

       //prepend    在元素的第一个节点前添加新的子节点
       $('ul').prepend('<li>追加的元素3</li>');

       //prependTo    把自身添加到父节点的第一个元素之前
       $('<li>追加的元素4</li>').prependTo($('ul'));


       //获取包含（）内文本的元素
       var li=$('li:contains("追加的元素2")');
       //在此元素前添加新的节点
       li.before('<li>before</li>');
       //在此元素后添加新的节点
       li.after('<li>after</li>');
   </script>

漂亮有内涵的大妹子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq 追加节点

点击打开链接 //append 在元素的最后添加一个新的节点 $('ul').append('追加的元素1'); //appendTo 把自身添加到一个父节点中（父节点的最后一个元素） $('追加的元素2')
复制链接

扫一扫