<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,複制、替換和刪除節點</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(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').find('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').find('li').on('click',function(){ $(this).clone(true).appendTo("ul"); //複制當前點擊的節點,並將它追加到《ul》元素中,當添加參數時複制它的事件 }); // 替換節點 $("p").replaceWith("你最不喜歡的水果是?"); }); </script> </head> <body> <p>你好!</p> <p>你最喜歡的水果是?</p> <ul> <li>蘋果</li> <li>橘子</li> <li>菠蘿</li> </ul> </body> </html>
jQuery:節點(插入,複制,替換,刪除)操作,需要的朋友可以參考一下。
閲完此文,您的感想如何?
-
有用
0
-
沒用
0
-
開心
0
-
憤怒
0
-
可憐
0
1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667
相關課文
-
JS如何防止父節點的事件運行
-
nodejs編寫一個簡單的http請求客戶耑代碼demo
-
說一則爲什麽後耑開發人員不選擇node.js的原因
-
使用Sublime Text3 開發React-Native的配置
我要說說
網上賓友點評
課文推薦
排行熱門
- 使用electron-forge和cnpm命令來寫一個簡單的electron桌面應用
- UEditor百度編輯器中各種html標簽被過濾掉的解決辦法
- ueditor在使用嚴格模式時報錯Uncaught TypeError: 'caller', 'callee', and 'arguments'
- JS的Timeout定時器怎麽寫成無限循環的?
- jQuery的mouseover和mouseout事件當快速移動,事件延遲觸發問題
- jQuery select下拉框的選中事件
- javascript測試用斷點語句debbuger
- 第一章 Node.js基本介紹——1.2 堆棧追蹤
- select2 支持多值下拉框