jQuery---捕获与设置

最新推荐文章于 2021-06-07 20:39:14 发布

胡斐

最新推荐文章于 2021-06-07 20:39:14 发布

阅读量911

点赞数

分类专栏： jQuery 文章标签： html

本文链接：https://blog.csdn.net/qq_48200912/article/details/108939608

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了DOM操作中的Text、Html、Val属性以及如何使用attr来获取和修改元素的属性值。同时，探讨了如何在元素中添加和删除内容，包括在元素前后插入、使用remove和empty的区别。此外，还讲解了如何操作CSS类，如使用addClass和CSS方法改变元素样式，并通过siblings、next、prev等选择器进行元素导航。这些技巧对于前端开发者来说至关重要。

摘要由CSDN通过智能技术生成

Text（）

（1）捕获文本内容，等价于innerText
在这里插入图片描述

（2）更改文本的内容
在这里插入图片描述

Html（）

（1）获取元素的内容，包括设置的样式
在这里插入图片描述
（2）更改内容样式

Val（）

获取或者设置value值
在这里插入图片描述

属性attr

获取或更改元素的属性值
在这里插入图片描述

元素的添加

在元素最后面添加
在这里插入图片描述
在元素最前面添加

after(后)与before（前）
After添加会在元素后面添加，不会成为其子元素

Before相反

元素的删除

Remove和empty
区别：remove是删除了内容与格式，即全部删除，empty仅仅清除内容，格式还在
在这里插入图片描述
Remove过滤删除
在p标签中删除所有class=px的元素（$(“p”).remove(".px");//删除所有id=px的元素）

操作CSS类

Addclass（“classname”）
Classname不用加点
在这里插入图片描述
CSS（）方法
第一个参数是要改的属性，第二个参数是设置的属性值

设置多个属性，不同属性用“，”隔开，属性名与属性值之间用“：”隔开，最外层用大括号

导航
父元素
Parent（）找到的是父元素
Parents（）找到的是祖先节点
后代
Childred（）找到的是当前元素的直接后代，里面可以穿插name与class来找到具体哪一个后代
Find（）
同胞
Siblings（）找到当前元素的所有同胞元素
Next（），找到的是当前元素的下一个弟弟元素
nextAll（），找到的是当前元素的所有弟弟元素，只能向下查找
nextUntil（），找到的是两个参数之间的弟弟元素
prev（），找到的是当前元素的上一个哥哥元素
prevUntil（），找到的是两个指定元素之间的同胞元素