JQ .append() 方法

实例
在每个 p 元素结尾插入内容:

$("button").click(function(){$("p").append(" <b>Hello world!</b>");
});

定义和用法
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。

语法
$(selector).append(content)
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。
使用函数来附加内容
使用函数在指定元素的结尾插入内容。

语法
$(selector).append(function(index,html))
function(index,html)
必需。规定返回待插入内容的函数。

index - 可选。接收选择器的 index 位置。
html - 可选。接收选择器的当前 HTML。

JQ:appendTo() 方法

实例
在每个 p 元素结尾插入内容

$(“button”).click(function(){
$(“Hello World!”).appendTo(“p”);
});
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

语法
$(content).appendTo(selector)
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。
selector 必需。规定把内容追加到哪个元素上。

----------------------------------------------------------------------------JS分割线---------------------------------------------------------------------------

JS:appendChild() 方法

实例
在列表中添加项目:

document.getElementById(“myList”).appendChild(newListItem);
定义和用法
appendChild() 方法向节点添加最后一个子节点。

提示:如果您需要创建包含文本的新段落,请记得添加到段落的文本的文本节点,然后向文档添加该段落。

您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。

实例
从一个列表向另一个列表中移动列表项:

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

JS:toFixed()

定义和用法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法
NumberObject.toFixed(num)
参数 描述
num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。
返回值
返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出
当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

实例
在本例中,我们将把数字舍入为仅有一位小数的数字:

Show the number 13.37 with one decimal:

<script type="text/javascript">var num = new Number(13.37);document.write (num.toFixed(1))
</script>

输出:

Show the number **13.37 ** with one decimal:
13.4

一些方法:JQ: append() 、appendTo() || JS:appendChild():相关推荐

  1. 比较jquery中的after(),append(),appendTo()方法

    html页面: <p id="myp1">我的兴趣爱好是:</p> <button id="b1">after函数</ ...

  2. append、appendTo、appendChild、prepend

    参考资料:http://blog.csdn.net/xiangxiangw29/article/details/52460563 append.appendTo.appendChild.在父节点中的最 ...

  3. jq中 html append appendto

    jq操作html页面常用的有哪些方法: html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: appendTo这个方法跟append ...

  4. JS——appendChild()和insertBefore()插入新节点区别

    文章目录 前言 appendChild(newchild) insertBefore(newchild, refchild) insertBefore() 补充 参考资料 前言 在html中,如果需要 ...

  5. 禁止静态文件缓存的方法,可用于JS与CSS文件上

    什么情况下,要禁止静态文件缓存: 1.经常可能要改动的 js, css.        比如 一个html 文件, test.html 在 1.0版本中.可能是这样      <script s ...

  6. jQuery 追加元素的方法如append、prepend、before

    1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容. 实例 1 $("p").append("Some appende ...

  7. 加mp4文件后js失效_Jquery方法load之后导致js失效解决方法

    Jquery方法load之后导致js失效解决方法 >>>>>>>>>>>>>>>>>>> ...

  8. jQuery 追加元素的方法如append、prepend、before、after

    1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容. 2.jQuery prepend() 方法 jQuery prepend() 方法在被选元素的 ...

  9. laytpl语法_浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

    浅谈laytpl 模板空值显示null的解决方法及简单的js表达式 laytpl 模板语法 {{ d.field }} 输出一个普通字段,不转义html 官方的说明 但d.field 为空时会显示nu ...

最新文章

  1. Map集合练习之对字符串中字母出现的次数求和
  2. 亚马逊AWS在线系列讲座——基于AWS云平台的高可用应用设计
  3. 开发者应具备的产品设计意识
  4. 解决WebBrowser控件会导致应用程序占用内存居高不下问题
  5. python tkinter库 密码实时显示_Python3 tkinter基础 Entry show textvariable 密码输入框
  6. 【设计模式:单例模式】单例模式01:饿汉模式
  7. list快速默认排序java_1. java Collections.sort()实现List排序的默认方法和自定义方法...
  8. sql中update多表处理
  9. lua语言实现阴阳师自动脚本(内含可运行程序)
  10. BGP 路由聚合(Huawei设备)
  11. Python 中常用的保留字(关键字)详解
  12. ImportError: DLL load failed while importing win32file
  13. My Hotmail Has Been Upgraded to 250MB!
  14. 使用spark-md5获取文件md5值
  15. Ubuntu14.04上安装calamari
  16. Android~ java.net.BindException: bind failed: EADDRINUSE (Address already in use)
  17. java retrofit_Android开发Retrofit2+Rxjava2+okHttp 网络框架封装
  18. TL431NSG-A 友顺UTC
  19. 河南专升本公共英语语法考点分析---代词、介词、连接词
  20. 寻找输入数字中的全数字(pandigital) python编程

热门文章

  1. LVM管理详解手册(LVM创建、LVM扩容、LV减容)
  2. 免费申请.tk国际顶级域名-攻略
  3. 入门系列:gdb学习——函数调用时参数传递
  4. java多线程yield_java多线程笔记之让步yield例子
  5. spark 学习(二) RDD及共享变量
  6. 程序员在职场中该不该守规矩,讲原则
  7. 做个好领导:员工的善意,无价!
  8. 【无标题】寓言故事7则
  9. day17_自动化的框架搭建
  10. 中国大学 MOOC 课程Python语言程序设计 (第11期)测试答案(1-5周)