jQuery刪除節點用法示例(remove方法)

分類:IT技術 時間:2016-10-16

本文實例講述了jQuery刪除節點的方法。分享給大家供大家參考,具體如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://www.jb51.net/article/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  //第一種刪除的方法
  $("ul li:eq(1)").remove(); // 獲取第二個<li>元素節點後,將它從網頁中刪除。
  //第二種刪除的方法
  var $li = $("ul li:eq(1)").remove(); // 獲取第二個<li>元素節點後,將它從網頁中刪除。
  $li.appendTo("ul"); // 把剛才刪除的又重新添加到<ul>元素裏
  //所以,刪除只是從網頁中刪除,在jQuery對象中,這個元素還是存在的,我們可以重新獲取它
  //第三種刪除的方法
  $("ul li").remove("li[title!=菠蘿]"); //把<li>元素中屬性title不等於"菠蘿"的<li>元素刪除
  //第四種刪除的方法
  $("ul li:eq(1)").empty(); // 獲取第二個<li>元素節點後,清空此元素裏的內容
});
//]]>
</script>
</head>
<body>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是"http://img4.07net01.com/upload/images/2016/09/10/353110100150441.png" alt="" />

更多關於jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。


Tags: javascript function content title 讀者

文章來源:


ads
ads

相關文章
ads

相關文章

ad