您的位置:首页 > Web前端 > JQuery

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

2019-03-12 20:45 507 查看

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)创建节点
通过()函数来创建节点,也就是在小括号中传入一段html字符串语法:()函数来创建节点,也就是在小括号中传入一段html字符串 语法:()函数来创建节点,也就是在小括号中传入一段html字符串语法:(“html字符串”)

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

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

4、删除节点
-jq对象.remove(); 删除该节点
-jq对象.remove(选择器);//删除jq对象中匹配选择器的节点
-jq对象.empty();//清空节点对象的子节点

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐