jquery中的DOM操作
来源:互联网 发布:内网即时通讯软件 编辑:程序博客网 时间:2024/06/11 04:14
1、创建节点(两种方式)
用$()来创建节点
用字符串来创建节点
//创建节点的方法 //用$()来创建 在页面插入一个标签 var newElement1=$('<div>div标签</div>'); $('body').append(newElement1); //用字符串来创建节点 var newElement2='<div>我是用字符串来创建的新标签</div>'; $('body').append(newElement2);
2、插入节点
1>内部插入
append()向每个匹配元素的尾部插入DOM
$(‘p’).append(newElement);
appendTo()向每个匹配元素的尾部插入DOM
newElement.appTo($(‘p’))
一般是append用的比较多
prepend() 向每个匹配元素头部插入DOM
prependTo()向每个匹配元素头部插入DOM
2>外部插入
after()在匹配元素之后插入DOM
insertAfter() 在匹配元素之后插入DOM
before()在匹配元素之前插入DOM
insertBefore()在匹配元素之前插入DOM 匹配元素在后
3>包裹节点
wrap() 将所有的匹配元素单独包裹(注意单独包裹)
wrapAll()将所有匹配元素用一个元素包裹(注意是一个)
wrapInner() 将所有匹配的元素的子内容用其他标签包裹(注意所有 子内容)
unwrap()删除元素的父节点
4>删除节点
remove()删除节点(强调全部删除)
empty()清空节点 (节点本身不受影响 )
detach() 删除节点(节点本身也会被删除)
5>复制节点
clone(bool)克隆节点
当为true时,节点和事件处理程序都会被克隆
当为false时 雉科笼节点不克隆事件处理程序 默认为false
6> 替换节点
replaceWith()将所有匹配的元素替换成指定的HTML或者DOM元素
replaceAll()将所有匹配的元素替换成指定的HTML或者DOM元素
两者使用时注意顺序
阅读全文
0 0
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- jquery中的DOM操作
- jquery中的Dom操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- jQuery中的DOM操作
- TensorFlow入门(十-II)tfrecord 可变长度的序列数据
- leaflet中marker图标找不到的错误
- 使用zepplin查询hbase
- tomcat项目报错javax.servlet.ServletException: java.lang.OutOfMemoryError: PermGen space
- vector用法
- jquery中的DOM操作
- jquery插件导出WORD
- 【Scikit-Learn 中文文档】广义线性模型
- 直接插入排序
- TF_Serving安装篇
- 获取滚动条高度 兼容ie8
- mongo 使用Command解决不同条件批量处理问题
- 检查udp端口是否可用?
- 随机梯度下降笔记(手写数字识别)