关于jquery中append函数~~
有如下代码：<html><head><scripttype="text/javascript"src="/jquery/jquery.js"></script><scri...
有如下代码：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(function(m){
return "<b>This p element has index " + m + "</b>";
});
});
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
点击一次按钮后的结果是：
This is a heading
This is a paragraph.This p element has index 0
This is another paragraph.This p element has index 1
问：那个参数m是如何根据不同的匹配元素自增的呢？
PS：如果我给$("p").append(function(m)写两个参数，即$("p").append(function(m，n)，下边也相应的改成return "<b>This p element has index " + (m+n) + "</b>";
会怎么样呢？
求达人讲解原理~~~
结果中的0和1是怎么来的呢？ 展开
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(function(m){
return "<b>This p element has index " + m + "</b>";
});
});
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
点击一次按钮后的结果是：
This is a heading
This is a paragraph.This p element has index 0
This is another paragraph.This p element has index 1
问：那个参数m是如何根据不同的匹配元素自增的呢？
PS：如果我给$("p").append(function(m)写两个参数，即$("p").append(function(m，n)，下边也相应的改成return "<b>This p element has index " + (m+n) + "</b>";
会怎么样呢？
求达人讲解原理~~~
结果中的0和1是怎么来的呢？ 展开
展开全部
jQuery 1.4 新增的。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
function(index, html)
返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。
----------------------------------------------------------------------
所以：
$("p").append(function(m,n){
return "<b>This p element has index " + (m+n) + "</b>";
}
会得到：
This is a paragraph.This p element has index 0This is a paragraph.
This is another paragraph.This p element has index 1This is another paragraph.
也就是原有<p>中的内容 + This p element has index + 当前这个p的索引 + p自身的内容
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
function(index, html)
返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。
----------------------------------------------------------------------
所以：
$("p").append(function(m,n){
return "<b>This p element has index " + (m+n) + "</b>";
}
会得到：
This is a paragraph.This p element has index 0This is a paragraph.
This is another paragraph.This p element has index 1This is another paragraph.
也就是原有<p>中的内容 + This p element has index + 当前这个p的索引 + p自身的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
append:向每个匹配的元素内部追加内容。
举个例子:
html代码:<p>I would like to say: </p>
jquery 代码: $("p").append("<b>Hello</b>");
结果：<p>I would like to say: <b>Hello</b></p>
举个例子:
html代码:<p>I would like to say: </p>
jquery 代码: $("p").append("<b>Hello</b>");
结果：<p>I would like to say: <b>Hello</b></p>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加内容用比如$("div").append("<div></div>")
这样就是给div添加一个子节点div
这样就是给div添加一个子节点div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
