欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中append()方法用法實(shí)例

 更新時(shí)間:2015年01月08日 14:38:45   投稿:shichen2014  
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中append()方法用法。分享給大家供大家參考。具體分析如下:

此方法在匹配元素的結(jié)尾插入指定內(nèi)容。
元素被插入的位置是匹配元素的內(nèi)部,而after()方法元素被插入的位置是匹配元素的外部。
append()方法的作用和appendTo()方法是相同的,但是語法是不同的,盡管語法形式一樣。

語法結(jié)構(gòu):

復(fù)制代碼 代碼如下:
$(selector).append(content)

參數(shù)列表:

參數(shù) 描述
content 指定被插入的內(nèi)容,content的可能的值:
1.HTML 代碼 - 比如 ("<div></div>")。
2.已存在的元素 - 比如 ($(".div1"))。
3.function(index)函數(shù) - 定義返回插入元素的函數(shù),index參數(shù)接收選擇器的索引位置。
selector 要被插入內(nèi)容的匹配元素

實(shí)例:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>append()函數(shù)-腳本之家</title>
<style type="text/css">
div{
  height:200px;
  width:200px;
  border:1px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").append("被添加的內(nèi)容");
  })
});
</script>
</head>
<body>
<div>后面要添加內(nèi)容:</div>
<button>點(diǎn)擊查看效果</button>
</body>
</html>

以上代碼能夠?qū)⒅付ǖ奈谋咎砑拥絛iv的內(nèi)部的尾部。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論