jq 追加节点

来源：互联网发布：sql 语句写union 编辑：程序博客网时间：2024/05/16 16:19

点击打开链接

<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