web前端学习-第二十三天-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45654474/article/details/108929895

本文详细介绍了jQuery中的text()、html()、val()方法以及attr属性用于内容和属性的获取与设置。还讲解了如何添加和删除元素，特别是使用after()、before()、remove()和empty()的区别。同时，阐述了css类的管理与css()方法的应用，以及导航元素的多种方式如parent()、children()、find()等。最后，讨论了Ajax的基本用法及其常用参数，如url、data、type、success和dataType。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击前往上一篇

text（）

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

html（）

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

val（）

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

属性attr

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

元素的添加

（1）在元素的最后面添加
在这里插入图片描述
（2）在元素最前面添加

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

before相反

元素的删除

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

操作css类

addclass（“classname”）
在这里插入图片描述

css（）方法

第一个参数是要改的属性，第二个参数是设置的属性.
在这里插入图片描述
设置多个属性，不同属性用“，”隔开，属性名与属性值之间用“：”隔开，最外层用大括号

siblings（）找到当前元素的所有同胞元素
next（）找到的是当前元素的下一个弟弟元素
nextAll（）找到的是当前元素的所有弟弟元素。但是只能向下查找
nextUntil（）找到的是两个参数之间的弟弟元素
prev（）找到的是当前元素的上一个哥哥元素
prevUntil（）找到的是两个指定元素之间的同胞元素

Ajax

语法$.ajax（JSON）
JSON常用的参数
url.服务器的地址，获取数据或者推送的地方
data，需要给服务器的数据，需要去添加，比如说登录的接口需要传递“用户名和密码”，获取货品信息，则不需要专递任何的参数。数据类型键值对，键值对的“键”和服务器保存完全一致，包括键名的大小写
type：数据提交的方式GET/POST
timeout：请求等待的时间，时间为毫秒，一般10秒
success：请求成功，做饭后处理
error：请求失败
datatype：语气的服务器相应的数据类型