说到insertBefore()方法,其实javascript与jQuery中都有此方法,那么他们用法是否相同呢?

  其实,还是有点区别的。反正我是爱搞混淆了,先做个小笔记吧!

  1、insertBefore()方法(javascript)

  语法:

  node.insertBefore(newnode,existingnode)    //  这两个参数都是必须的

  insertBefore() 方法可在已有的子节点前插入一个新的子节点。

  newnode是一个节点对象,这是你想要插入的那个节点;existingnode也是一个节点对象,添加新的节点前的子节点。

  例如:

  

  

  2、insertBefore()方法(jQuery)

  语法:

  $(content).insertBefore(selector)

  注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素前

  例如:在每个p元素之前插入span元素

  

转载于:https://www.cnblogs.com/jf-67/p/6538719.html

insertBefore方法(javascript与jQuery)相关推荐

  1. 原生javascript取代jquery的一些方法(jQuery-free)

    转自:http://www.qingdou.me/2687.html jQuery是最流行的JavaScript工具库.据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用j ...

  2. 流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法

    问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...

  3. jQuery insertBefore( ) 方法

    通过jQuery的 insertBefore( ) 方法,我们可以在被选元素的前面插入 HTML 元素. 语法格式: $(content).insertBefore(selector) 参数: con ...

  4. javascript、jquery 动态修改css样式方法

    javascript.jquery 动态修改css样式方法 javascript 修改样式的方法 第一种.使用obj.className来修改样式表的类名 var obj = document.get ...

  5. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

  6. JavaScript和jQuery的DOM操作

    1.创建元素节点 传统的javascript方法,创建元素节点 程序代码 var a  = document.createElement("p"); jQuery中创建节点的方法是 ...

  7. Javascript与Jquery知识点

    js简介 1 用途:制作页面交互效果           如 轮播图的切换.Tab栏切换.地图.表单验证等 2 历史背景    全称 javascript  与Java语言没关系    javascr ...

  8. javascript与jQuery对照学习总结(一)(一些常规操作)

    <html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>javascrip ...

  9. JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3

    技术非常多,样例非常多.仅仅好慢慢学,慢慢实践!!如今学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQ ...

最新文章

  1. activity 防止多次打开_杭州下沙罐式无负压供水设备防止水质污染变频电泵
  2. java反射有什么用_java反射的作用知识点总结
  3. php 修改 wordpress,wordpress怎么编辑代码修改页面
  4. 查询空缺_携程旅行2021校招开启,9大类职位,1000+岗位空缺,本科及以上学历...
  5. hive多个表join_8个Hive数据仓工具面试题锦集!
  6. Android Studio实现前后台分离的选课系统
  7. 【转载】SQL Server XML Path
  8. 2.1 Hadoop环境搭建
  9. tracert 原理
  10. 开关电源和LDO的区别
  11. phpstudy+TP5隐藏入口文件
  12. IE浏览器怎么设置兼容性 添加兼容站点方法
  13. secureCRT快捷粘贴操作
  14. 怎样给div加css,div加css教程
  15. 微生活完成3200万元A轮融资,助企业快速搭建移动互联CRM
  16. matlab如何设置自变量,matlab中如何指定一个函数的自变量
  17. FLUENT中的常用边界条件
  18. 使用简单原始的办法排序CMap中的路径
  19. 微信小程序显示当前时间
  20. python培训千锋和黑马哪个好

热门文章

  1. python函数解读_通过7个Python函数来解释区块链
  2. php动态生成页面结构,PHP 动态生成静态HTML页面示例代码
  3. php批量数据提交mysql_php在mysql里批量插入数据(代码实例)
  4. Android4火狐,Android版火狐4正式发布
  5. 英国PHP轴承,php – 纵向宽度将如何影响轴承
  6. dst发育筛查有意义吗_岱岳区妇幼保健院眼耳鼻喉科成功引进双目视力筛查仪
  7. c语言srand函数怎么用_Excel统计指定内容出现次数,用函数怎么写?人人都能看懂的公式...
  8. 用数据追女神:追女生如同创业
  9. 客户商品生命周期应用
  10. python一切都是对象 知乎_python一切皆对象