在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别。
append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容。
1、基本语法为:
$(selector).append(content);
其中,参数content是必需的,指定要附加的内容。
2、append能够使用函数给被选元素附加内容,语法为:
$(selector).append(function(index,html));
其中,function()是必需的,参数index和html都是可选的。index表示接收选择器的index位置,html表示接收选择器的当前html。
例子:
- <html>
- <head>
- <script type="text/javascript" src="/jquery/jquery.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("button").click(function(){
- $("p").append(" <b>Hello jQuery!</b>");
- });
- });
- </script>
- </head>
- <body>
- <p>This is a paragraph.</p>
- <p>This is another paragraph.</p>
- <button>在每个 p 元素的结尾添加内容</button>
- </body>
- </html>
结果:
This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!
appendto()方法:在被选元素的结尾(但仍在元素的内部)插入指定的内容。
但不能使用函数来附加内容。
但不能使用函数来附加内容。
语法:
$(content).appendto(selector);
例子:
- <html>
- <head>
- <script type="text/javascript" src="/jquery/jquery.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("button").click(function(){
- $("<b> Hello jQuery!</b>").appendTo("p");
- });
- });
- </script>
- </head>
- <body>
- <p>This is a paragraph.</p>
- <p>This is another paragraph.</p>
- <button>在每个 p 元素的结尾添加内容</button>
- </body>
- </html>
结果:
This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!
就我个人看来没有什么区别,首先是作用与被作用两者的位置换了而已,再有就是是否能使用函数的作用。
本文出处:http://blog.csdn.net/mygis2005/article/details/7358262
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/3911.html