jQuery 节点操作
2012-03-20 20:59
190 查看
首先创建节点:
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的控件替换成前面指定的字符串
注:前者是被替换的在前边,后者是被替换的在后边,且一旦替换完成,被替换元素的一切事件都将消失
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的DOM操作之删除节点示例
- jQuery基础教程之DOM操作-遍历节点-filter()方法
- jquery对dom节点的操作
- Jquery操作TreeView 父节点checkbox选中,子节点checkbox也选中
- JQuery(一)---- JQ的选择器,属性,节点,样式,函数等操作详解
- jQuery对节点进行操作
- jQuery的DOM 节点操作
- jquery中的节点操作
- jquery中DOM节点操作(四)
- jquery 之节点操作
- Jquery节点操作
- jQuery-1.9.1源码分析系列(十一) DOM操作续——克隆节点
- 【jQuery】DOM 节点操作
- Jquery操作DOM节点
- jQuery中操作元素节点appendTo()与prependTo()的区别
- 第一百六十七节,jQuery,DOM 节点操作,DOM 节点模型操作
- JQuery和js对dom节点操作的区别
- jquery中DOM节点操作(五)
- jQuery节点操作练习
- JQuery 基础:8.节点操作