本文实例分析了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。

例子:

$(document).ready(function(){

$("button").click(function(){

$("p").append(" Hello jQuery!");

});

});

This is a paragraph.

This is another paragraph.

在每个 p 元素的结尾添加内容

运行结果如下:

This is a paragraph. Hello jQuery!

This is another paragraph. Hello jQuery!

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

语法:

$(content).appendto(selector);

例子:

$(document).ready(function(){

$("button").click(function(){

$(" Hello jQuery!").appendTo("p");

});

});

This is a paragraph.

This is another paragraph.

在每个 p 元素的结尾添加内容

运行结果如下:

This is a paragraph. Hello jQuery!

This is another paragraph. Hello jQuery!

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

java appendto方法_jquery中append()与appendto()用法分析相关推荐

  1. java appendto方法_jQuery中appendTo()方法用法实例

    本文实例讲述了jQuery中appendTo()方法用法.分享给大家供大家参考.具体分析如下: 此方法把匹配的元素插入指定元素结尾,插入位置在元素的内部. appendTo()方法的作用和append ...

  2. java appendto方法_jquery append与appendTo方法比较

    jquery中append与appendTo方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...

  3. jQuery中append()和appendTo()的区别

    [前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...

  4. matlab roundn函数_columns函数的使用方法 matlab中round函数具体用法

    Excel中column函数的使用方法是什么?其实小编会说分手是想被挽留,你却顺口祝小编自由. 只读属性,返回 TextStream 文件中当前字符位置的列号. 语法: =Column(referen ...

  5. Delph7中TcpClient和TcpServer用法分析

    Delph7中TcpClient和TcpServer用法分析 http://blog.csdn.net/quicmous/article/details/4263115 最近使用了Delphi7提供的 ...

  6. python中的range_python中range()与xrange()用法分析

    本文实例讲述了python中range()与xrange()用法.分享给大家供大家参考,具体如下: 据说range比xrange开销要大,原因是range会直接生成一个list对象,而xrange每次 ...

  7. jquery中append与appendTo方法区别

    1. append(content)方法 方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (<Content>): 要追加到目标中的内容. 用法示例: HTML代码为& ...

  8. 一些方法:JQ: append() 、appendTo() || JS:appendChild():

    JQ .append() 方法 实例 在每个 p 元素结尾插入内容: $("button").click(function(){$("p").append(&q ...

  9. java file 方法_JAVA中File的常用方法

    一.File类中包含了很多获得文件或文件夹属性的方法,使用起来比较方便,下面将常见的方法介绍如下: a.createNewFile方法 public boolean createNewFile() t ...

最新文章

  1. Bete冲刺第五阶段
  2. linux cat EOF使用示例
  3. Volatile原子性一致性JVM指令重排
  4. SpringMVC的拦截器讲解
  5. Hive SQL开窗函数详解
  6. ASPXGridView生成Excel
  7. Threejs工厂模型3Dmax模型obj+mtl格式,源文件下载
  8. vector vector int的使用
  9. Hibernate 的检索策略
  10. Android适配全面屏,三星S8的18.9,小米mix全面屏
  11. 计算两个时间相差多少时间--天、小时、分、秒
  12. Java web+MySQL编写简易候选人投票(完整代码)
  13. 基于MediaPlayer的Android播放器控件
  14. Wave Driver介绍-7(驱动中对音量的控制操作-非硬件音量控制)
  15. 微信小程序 - Unhandled promise rejection TypeError: r.Canvas is not a constructor
  16. 测试行业的发展趋势和看法
  17. CSDN 免费视频教程
  18. 仿移动话费查询页面生成的饼图
  19. 使用Navicat for Oracle工具连接oracle
  20. 集合:求A、B两个集合的交集、并集和补集的代码(C语言)

热门文章

  1. FPGA学习——基于zynq的图像视频采集处理
  2. 三星981安装linux系统,三星笔记本电脑R18安装Ubuntu 8.04经验总结
  3. bim常用土建插件【柱断墙梁】功能即柱断梁、柱断墙
  4. h5 ajax php 图片上传,图片上传生成海报H5技术详解
  5. id文本框适应文字_ID(文本排版)基础笔记整理
  6. c程序门禁系统服务器,C语言简单实现门禁系统.pdf
  7. 车载导航系统软件测试,详解车载导航常见故障诊断及检测维修方法
  8. 大学生网购市场环境分析
  9. 2021Java高级面试题,享学课堂java架构师课程
  10. 如何使用Spring+SpringMVC+Mybatis开发实现个性化小说推荐系统 协同过滤推荐算法实现 基于用户、项目的协同过滤推荐 基于聚类、关联规则、内容推荐算法 WebNovelCFRS