jquery当前节点之前插入节点

栏目: 编程语言 发布于: 2014-05-02 14:58:55

jquery插入dom节点的方法很多,这里主要说下在jquery中实现在当前节点之前插入节点的方法。

jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个。

before() 方法在被选元素前插入指定的内容。

语法 $(selector).before(content)

使用示例如下:

$('.insert').click(function(){
	var str='<div>插入内容</div>';
	$('#phpernote').before(str);
});

当前节点之前插入的示例:

$('button').click(function(){
	var str='<div>插入内容</div>';
	$(this).before(str);
});

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。注意:如果该方法用于已有元素,那么这些元素会被从当前位置移走,然后被添加到被选元素之前。

语法 $(content).insertBefore(selector)

当前节点之前插入的示例:

$('button').click(function(){
	var str='<div>插入内容</div>';
	$(str).insertBefore(this);
});

您可能感兴趣的文章

  • JQuery DOM 插入节点的方法总结
  • JQuery DOM 插入节点方法总结
  • 肩,背部肌群锻炼-引体向上-俯立划船-俯卧挺身-站姿负重俯身弯起-坐姿颈后下拉-俯立正握上拉-颈前宽握引体向上
  • javascript获取当前完整的url地址以及参数的方法
  • JavaScript计算当前输入的字符数
  • MySQL 当记录不存在时插入
  • 如何锻炼才能同时提高力量,增加肌肉
  • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.php230.com]
本文标题:jquery当前节点之前插入节点
IT技术书籍推荐:
细说PHP(第2版)
细说PHP(第2版)
高洛峰 (作者)
《细说PHP(第2版)》内容简介:PHP是开发Web应用系统最理想的工具,易于使用、功能强大、成本低廉、高安全性、开发速度快且执行灵活。全书以实用为目标设计,包含PHP开发最主流的各项技术,对每一个知识点都进行了深入详细的讲解,并附有大量的实例代码,图文并茂。系统地介绍了PHP的相关技术及其在实际Web开发中的应用。 《细说PHP(第2版)》共六个部分,分为30个章节,每一章都是PHP独立知识点的总结。内容涵盖了动态网站开发的前台技术(HTML+CSS)、PHP编程语言的语法、PHP的常用功能模块和实用技巧、MySQL数据库的设计与应用、PHP 面向对象的程序设计思想、数据库抽象层PDO、Smarty模板技术、Web开发的设计模式、自定义框架BroPHP、Web项目开发整个流程等目前PHP开发中最主流的技术。每一章中都有大量的实用示例,以及详尽的注释,加速读者的理解和学习,也为每章的技术点设置了大量的自测试题。最后以一个比较完整的、采用面向对象思想,以及通过MVC模式设计,并结合Smarty模板,基于BroPHP框架的CMS系统为案例,详细介绍了Web系统开发从设计到部署的各个细节,便于更好地进行开发实践。
最新互联网资讯