jQuery:节点(插入,复制,替换,删除)操作
2023-06-13 09:14:46 时间
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>jQuery插入,复制、替换和删除节点</title>
<scripttype="text/javascript"src="jquery-1.3.2.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
//几种添加节点的方法
//$("p").append("<b>你好吗?</b>");//向p元素中追加《b》
//$("<b>你好吗?</b>").appendTo("p");//将《b》追加到p元素中
//$("p").prepend("<b>你好吗?</b>");//向p中前置《b》
//$("<b>你好吗?</b>").prependTo("p");//将《b》前置到p元素中
//$("p").after("<b>你好吗?</b>");//向p元素后插入《b》
//$("<b>你好吗?</b>").insertAfter("p");//将《b》插入到p元素后边
//$("p").before("<b>你好吗?</b>");//在p元素之前添加《b》
//$("<b>你好吗?</b>").insertBefore("p");//将《b》插入到p元素前面
//几种删除节点的方法
//var$li=$("ulli:eq(1)").remove();//删除ul节点中第2个元素节点
//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去
//$("ulli").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除
//$("ulli:eq(1)").empty();//清空ul节点下第2个li元素的内容
//复制节点
/*$("ulli").click(function(){
$(this).clone(true).appendTo("ul");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件
});
*/
//替换节点
//$("p").replaceWith("<strong>你最不喜欢的水果是?</Strong>");
});
</script>
</head>
<body>
<p>你好!</p>
你最喜欢的水果是?
<ul>
<lititle="苹果">苹果</li>
<lititle="橘子">橘子</li>
<lititle="菠萝">菠萝</li>
</ul>
</body>
</html>
相关文章
- jQuery添加dom节点的方法
- jQuery简单的Ajax调用示例详解编程语言
- jQuery实现CheckBox全选、全不选详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- 使用jQuery进行DOM操作详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jQuery select和change事件
- JQuery困惑—包装集DOM节点
- Jquery实战_读书笔记1—选择jQuery
- Jquery从头学起第四讲jquery入门教程
- Jquery知识点三jquery表单对象操作
- jQuery中的正则表达式分析正则基础
- jQuery获取文本节点之text()/val()/html()方法区别
- jquery查找select,并触发事件的实现代码
- jQuery源码分析-05异步队列Deferred使用介绍
- php中jQuery插件autocomplate的简单使用笔记
- jquery插件学习(一)
- jQuery移动和复制dom节点实用DOM操作案例
- jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- jquery创建一个新的节点对象(自定义结构/内容)的好方法
- JQuery给元素添加/删除节点比如select
- jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
- js和jquery对dom节点的操作(创建/追加)
- jQuery之ajax技术的详细介绍
- jquery验证表单中的单选与多选实例
- jquery获取子节点和父节点的示例代码
- jquery实现tr元素的上下移动示例代码
- jQuery删除节点的三个方法即remove()detach()和empty()
- Jquery遍历节点的方法小集
- 利用JQuery和Servlet实现跨域提交请求示例分享
- js或jquery实现页面打印可局部打印
- jquery分页对象使用示例
- jQuery获取节点和子节点文本的方法
- Jquery实现checkbox全选方法