使用jQuery操作DOM(1)
2017-10-08 18:44
176 查看
1.常见方法
css(“属性”,”属性值”); //设置单个样式
css({属性1:属性值1,属性2:属性值3...}); //设置多个样式
addClass(“样式名”); //追加单个样式
addClass(“样式1 样式2...”); //追加多个样式(中间用空格分开)
removeClass(“样式名”); //移除单个样式
removeClass(“样式1 样式2”); //移除多个样式(中间用空格分开)
html(); //获得或者设置html内容
text(); //获得或者设置文本内容
toggleClass(“样式1 样式2”); //切换addClass和removeClass
val(); //获取或者设置value属性值
2.添加子类节点
a.append(b); //把b追加到a的末尾
b.appendTo(a); //把b追加到a的末尾
a.prepend(b); //把b添加到a的前面
b.prependTo(a); //把b添加到a的前面
3.添加兄弟节点
a.after(b); //把b放在a的后面(兄弟关系)
b.insertAfter(a); //把a放在b的后面(兄弟关系)
a.befor(b); //把b放在a的前面(兄弟关系)
b.insertBefor(a); //把a放在的前面(兄弟关系)
4.替换节点
a.replaceWith(b); //用b替换a
b.replaceAll(a); //用b替换a
5.复制节点
a.clone([true]); //复制a
注意:true表示克隆事件
6.删除节点
remove(); //删除节点(包含本身和所有子元素)
empty(); //清空节点(清除所有子元素但不清除本身)
setach(); //删除节点,会在jQuery对象中保留绑定的对象的事件
相关文章推荐
- jQuery使用手册之DOM操作
- 使用jQuery操作DOM:10条有用的代码
- 13、使用jQuery操作DOM之操作元素
- 使用 jQuery() 操作 DOM 对象要注意的小问题
- 18、使用jQuery操作DOM之遍历文档树
- 使用jQuery操作DOM ,一些属性
- jQuery学习教程(四):使用jQuery操作DOM
- jQuery使用手册之二 DOM操作
- 使用jQuery对页面元素(或者标签)进行Dom操作(增加和删除),电力项目
- 16、使用jQuery操作DOM之操作HTML、文本和值
- NodeJS使用jQuery选择器操作DOM
- jQuery使用手册之DOM操作(3)
- 39、实例 使用jQuery操作DOM之复制元素
- 17、使用jQuery操作DOM之操作样式表
- jQuery使用手册之DOM操作排行榜[转]
- 40、实例 使用jQuery操作DOM之操作属性
- Jquery使用(4) :BOM和操作DOM,综合实例
- 38、实例 使用jQuery操作DOM之删除元素
- 使用jQuery进行DOM操作
- 12、使用jQuery操作DOM之操作节点