jquery的append()方法

翻譯結果：

append

英 [əˈpend] 美 [əˈpɛnd]

vt.附加;加;貼上;簽（名）

jquery的append()方法語法

作用：append() 方法在被選元素的結尾（仍在內部）插入指定內容。 append() 和 appendTo() 方法執行的任務相同。不同之處在於：內容的位置和選擇器。

語法：$(selector).append(content)

#參數：

##參數描述content 必要。規定要插入的內容（可包含 HTML 標籤）。使用函數來附加內容。

語法：$(selector).append(function(index,html))

參數：

參數描述#function(index,html) 必要。規定傳回待插入內容的函數。 index 可選。接收選擇器的 index 位置。 html 可選。接收選擇器的目前 HTML。

jquery的append()方法範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

首頁

影片

問答

提交