首先创建节点:
var button1 = '<input type=button value=创建的第一个节点 id=button1>';//创建了一个按钮节点
var img = '<image title=这是创建的图片节点 src=images/1.jpg>';//创建了一个图片节点
$('#div1').append(button1);//把节点添加到div上
$('#div1').append(img);
$('img').remove(img['title=这是创建的图片节点']); //删除‘title=这是创建的图片节点’的img节点
$('img:eq(0)').remove(); //删除索引为0的img节点
插入节点:
$('#p1').after(pstr):在节点p1的后面插入pstr节点
$('#p1').before(pstr):在节点p1的前面插入pstr节点
复制节点:
$('img').click(function () {
$(this).clone().appendTo('#divshow');
}):
复制'img'节点,并将新复制的节点添加到divshow上,新复制的节点不具备原节点的事件,如单击新节点就不会复制新节点。
$('img').click(function () {
$(this).clone(true).appendTo('#divshow');
}):
复制img的新节点,并将新节点添加到divshow山,并且新复制的节点也具有原节点的特性,如点击新节点也会复制新节点
替换节点:
$('#sname').replaceWith('<span id=sname>' + name + '</span>');将id为sname的控件替换成后面的字符串
$('<span id=semail>' + emial + '</span>').replaceAll('#semail'):将id为semail的控件替换成前面指定的字符串
注:前者是被替换的在前边,后者是被替换的在后边,且一旦替换完成,被替换元素的一切事件都将消失
分享到:
相关推荐
jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip
主要介绍了JQuery常见节点操作,结合实例形式分析了jQuery针对元素节点的添加、删除常见操作函数使用技巧与相关注意事项,需要的朋友可以参考下
jQuery DOM节点操作源码,适合初学者哦,可以下载下来作为参考资料的。
开发工具与关键技术:Visual Studio jQueryDOM节点操作相关知识点 创建DOM节点
jQuery的节点操作的三个小案例
jQuery+Asp.net 操作XML文件添加、编辑、删除节点源码例子
10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...
主要介绍了JQuery节点元素属性操作方法,实例分析了attr与removeAttr方法操作节点元素属性的相关使用技巧,需要的朋友可以参考下
jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。 例如: var link = $(“百度”); $(“div:first”).append(link); 添加节点元素的方法:...
下面小编就为大家带来一篇jquery插入兄弟节点的操作方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
用Jquery模仿AngularJs主页的ToDoList功能
主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下
主要介绍了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法,结合实例形式总结分析了jQuery节点操作的相关技巧,需要的朋友可以参考下
1. 第一个 jQuery 程序 2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 ...21. CSS DOM 操作 22. 事件处理 23. 动画 24. 实验:品牌展示
本文详细介绍下js和jquery对dom节点的操作包括创建、追加等等,感兴趣的朋友可以参考下哈,希望对你有所帮助
下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
先来最简单的查找节点操作。 为了能全面地讲解DOM操作,首先需要构建一个网页。因为每一张网页都能用DOM表示出来,而每一份DOM都可以看作一棵DOM树。HTML代码如下: 欢迎访问软件开发网>欢迎访问软件开发网 简单...