jQuery中的节点操作06-02
在写特效时,总是少不了节点的添加和删除,下面介绍几种常用的jQuery常用方法:
添加节点
$("p").append("<span>www.pekingpiao.com</span>"); 向p元素中追加span
$("<span>www.pekingpiao.com</span>").appendTo("p");
将span追加到p元素中
$("p").prepend("<span>www.pekingpiao.com</span>");
向p中前置span
$("<span>www.pekingpiao.com</span>").prependTo("p");
将span前置到p元素中
$("p").after("<span>www.pekingpiao.com</span>");
向p元素后插入span
$("<span>www.pekingpiao.com</span>").insertAfter("p");
将span插入到p元素后边
$("p").before("<span>www.pekingpiao.com</span>");
在p元素之前添加span
$("<span>www.pekingpiao.com</span>").insertBefore("p");
将span插入到p元素前面
删除节点
var li=$("ul li:eq(1)").remove();
删除ul节点中第2个元素节点
$("ul").append($li);
把刚删除的元素节点从新添加到ul元素中去
$("ul li").remove("li[title!=菠萝]");
将ul元素下title属性不等于"菠萝"的li元素删除
$("ul li:eq(1)").empty();
清空ul节点下第2个li元素的内容
复制节点
$(this).clone(true).appendTo("ul");
复制当前点击的节点,并将它追加到ul元素中,当添加参数时复制它的事件
替换节点
$("p").replaceWith("<strong>般若波罗蜜</Strong>");
- UEditor 代码的高亮显示 2016-11-23
- 测试代码 2016-11-23
- Ajax中GET与POST方式的选择 2015-04-21
- jQuery选择器的种种 2015-03-06
- jQuery之处理字符串(一) 2015-02-10