jQuery:插入,复制,替换和删除节点

    学习网站建设技术就是需要不断的实践和积累,成为大侠还是要从不停的挨打中体会新套路啊. jquery是web前端处理的极品利器.今天我们来总结一下jquery插入复制和删除节点的语句汇总

 

   $(document).ready(function(){ 

     //几种添加节点的方法 

    //$(\"p\").append(\"你好吗？\");//向p元素中追加《b》 

    //$(\"你好吗？\").appendTo(\"p\");//将《b》追加到p元素中 

    //$(\"p\").prepend(\"你好吗？\");//向p中前置《b》 

    //$(\"你好吗？\").prependTo(\"p\");//将《b》前置到p元素中 

    //$(\"p\").after(\"你好吗？\");//向p元素后插入《b》 

    //$(\"你好吗？\").insertAfter(\"p\");//将《b》插入到p元素后边 

    //$(\"p\").before(\"你好吗？\");//在p元素之前添加《b》 

    //$(\"你好吗？\").insertBefore(\"p\");//将《b》插入到p元素前面 

   

   

      //几种删除节点的方法 

    //var $li=$(\"ul li:eq(1)\").remove();//删除ul节点中第2个元素节点 

    //$(\"ul\").append($li);//把刚删除的元素节点从新添加到ul元素中去 

    //$(\"ul li\").remove(\"li[title!=菠萝]\");//将ul元素下title属性不等于\"菠萝\"的li元素删除 

    //$(\"ul li:eq(1)\").empty();//清空ul节点下第2个li元素的内容 

   

    //复制节点 

   /* $(\"ul li\").click(function(){ 

     $(this).clone(true).appendTo(\"ul\");//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件 

   

    }); 

    */ 

    //替换节点 

   // $(\"p\").replaceWith(\"你最不喜欢的水果是？\");   

   

   }); 

 

 

 

   

你好！

 

   你最喜欢的水果是？ 

   

 

   

• 苹果
 

   

• 橘子
 

   

• 菠萝
 

   

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/569.html

很赞哦！ ()