手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中append()方法用法实例
jQuery中append()方法用法实例
摘要:本文实例讲述了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程序设计有所帮助。

【jQuery中append()方法用法实例】相关文章:

Javascript中With语句用法实例

JQuery中Text方法用法实例分析

js事件监听器用法实例详解

JavaScript中的splice()方法使用详解

javascript中innerText和innerHTML属性用法实例分析

JavaScript中的fontsize()方法使用介绍

jquery使用each方法遍历json格式数据实例

Javascript中For In语句用法实例

javaScript中push函数用法实例分析

Jquery使用css方法改变样式实例

精品推荐
分类导航