分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

使用jQuery操作DOM的常用方法和节点

发布时间:2023-09-06 01:16责任编辑:胡小海关键词:jQueryDOM

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的常用方法和节点

原文地址:http://www.cnblogs.com/yang82/p/7638174.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved