jQuery中append()方法用法实例
jQuery中append()方法用法实例
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了jQuery中append()方法用法。分享给大家供大家参考。具体分析如下:此方法在匹配元素的结尾插入指定内容。元素被插入的位...

本文实例讲述了jQuery中append()方法用法。分享给大家供大家参考。具体分析如下:

此方法在匹配元素的结尾插入指定内容。

元素被插入的位置是匹配元素的内部,而after()方法元素被插入的位置是匹配元素的外部。

append()方法的作用和appendTo()方法是相同的,但是语法是不同的,尽管语法形式一样。

语法结构:

复制代码 代码如下:$(selector).append(content)

参数列表:

参数 描述
content 指定被插入的内容,content的可能的值:

1.HTML 代码 - 比如 ("<div></div>")。

2.已存在的元素 - 比如 ($(".div1"))。

3.function(index)函数 - 定义返回插入元素的函数,index参数接收选择器的索引位置。

selector 要被插入内容的匹配元素

实例:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>append()函数-查字典教程网</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("被添加的内容");

})

});

</script>

</head>

<body>

<div>后面要添加内容:</div>

<button>点击查看效果</button>

</body>

</html>

以上代码能够将指定的文本添加到div的内部的尾部。

希望本文所述对大家的jQuery程序设计有所帮助。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类