前端开发

 首页 > 前端开发 > jquery教程 > jquery中append()与appendto()用法分析_jquery_自学php网

jquery中append()与appendto()用法分析_jquery_自学php网

分享到:
【字体:
导读:
          这篇文章主要介绍了jquery中append()与appendto()用法分析,以实例的形式分析了jquery中append()与appendto()的具体语法与详细用法,需要的朋友可以参考下...

本文实例分析了jquery中append()与appendto()的用法。分享给大家供大家参考。具体分析如下:

在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别。

1、append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容。

a、语法:

复制代码 代码如下:
$(selector).append(content);
其中,参数content是必需的,指定要附加的内容。

b、append能够使用函数给被选元素附加内容,语法为:

复制代码 代码如下:
$(selector).append(function(index,html));
其中,function()是必需的,参数index和html都是可选的。index表示接收选择器的index位置,html表示接收选择器的当前html。

例子:

复制代码 代码如下:
 
 
 
 
 
 

This is a paragraph.

 

This is another paragraph.

 
 
 

运行结果如下:

This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!

2、appendto()方法:在被选元素的结尾(但仍在元素的内部)插入指定的内容。但不能使用函数来附加内容。

语法:

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

例子:

复制代码 代码如下:
 
 
 
 
 
 

This is a paragraph.

 

This is another paragraph.

 
 
 

运行结果如下:

This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!

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

分享到:
jquery弹出层插件下载_jquery图片弹出
jquery图片弹出层效果下载,属于jquery插件一类,站长亲心力作,觉得不错就点击下广告吧,恩恩下载》》
超棒的响应式布局jQuery插件Freetile.js_...
在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 –Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage和Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……