jQuery(jQuery操作DOM&获取或设置css样式&遍历节点&创建、插入、删除节点)1.2)

1、查询
1)html操作
读取或者修改节点的html内容,类似于innerHTML
语法:jq对象.html();
2)文本操作
读取或修改节点的文本内容,类似于textContent
语法:jq对象.text();
3)值操作
读取或修改节点value属性值,类似于DOM的value属性
语法:jq对象.val();
4)属性操作
读取或修改节点的属性
语法:获取: jq对象.attr(“属性名”)
修改: jq对象.attr(“属性名”,“值”);
移除属性
语法:jq对象.removeAttr(“属性名”)
在这里插入图片描述
1、获取或设置css样式
1)读取css属性值
语法:jq对象.css(“css属性名”)

2)设置css属性值
语法:jq对象.css("属性名","属性值");
多个样式属性:
jq对象.css({"属性名":"属性值","属性名":"属性值",...});
大括号中表示样式列表,多个样式属性之间用逗号隔开,属性和属性值之间用冒号

注意,以上两种方法所使用的样式属性名与样式表的名字一直

2、遍历节点
-children();获取直接子节点对象集合
-children(选择器名);//获取直接子节点中能够匹配指定选择器的元素
-next();//下一个兄弟节点
-next(选择器);//下一个兄弟节点且匹配指定选择器
-pra()/pra(选择器);//上一个兄弟节点、上一个兄弟节点且匹配指定选择器
-siblings();//所有兄弟节点
-siblings(选择器);兄弟节点中匹配指定选择器的元素
-find(选择器);查找满足选择器的所有子元素
-parent(); 父节点

3、创建、插入、删除节点
1)创建节点
通过 ( ) 函 数 来 创 建 节 点 , 也 就 是 在 小 括 号 中 传 入 一 段 h t m l 字 符 串 语 法 : ()函数来创建节点,也就是在小括号中传入一段html字符串 语法: ()html(“html字符串”)

2)插入节点
-内部插入节点
 jq对象.append(元素对象):作为对象的最后一个子节点进行添加
 jq对象.prepend(元素对象);作为对象的第一个子节点进行添加

-外部插入节点
 jq对象.after(元素对象);作为对象的下一个兄弟节点进行插入
 jq对象.before(元素对象);作为对象的上一个兄弟节点进行插入

4、删除节点
-jq对象.remove(); 删除该节点
-jq对象.remove(选择器);//删除jq对象中匹配选择器的节点
-jq对象.empty();//清空节点对象的子节点
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值