JQuery 02($工具&属性&CSS)
作者:互联网
思维导图
一、$ 工具方法
1、 $.each() :遍历数组、对象、对象数组中的数据
2、$.trim() :去除字符串两边的空格
3、$.type(obj) :得到数据的类型
4、$.isArray(obj) :判断是否是数组
5、 $isFunction(obj) :判断是否是函数
6、 $parseJSON(obj) :解析json字符串转换为js对象/对象数组
1.1 $.each() 遍历对象
案例展示:
效果展示:
1.2 $.each() 遍历数组
案例展示:
效果展示:
2、$.trim() :去除字符串两边的空格
案例展示:
效果展示:
3、$.type(obj) :得到数据的类型
案例展示:
效果展示:
案例展示:
效果展示:
案例展示:
效果展示:
案例展示:
效果展示:
4、$.isArray(obj) :判断是否是数组
案例展示:
效果展示:
5、 $isFunction(obj) :判断是否是函数
案例展示:
效果展示:
6.1、 $parseJSON(obj) :解析json字符串转换为js对象
案例展示:
效果展示:
6.2、 $parseJSON(obj) :解析json字符串转换为js对象数组
案例展示:
效果展示:
二、jQuery属性
1、 attr() 拿属性值/设置属性值
2、 removeAttr() 移除某个属性对应属性值
3、 addClass() 增加样式值
4 、removeClasss() 移除样式值
5、 prop() 和 attr() 的区别
6、 attr()和addClass() 的区别
7、 html() 和 text() 的区别
1、 attr() 拿属性值
案例展示:
效果展示:
1.1、 attr() 设置属性值
案例展示:
2、 removeAttr() 移除某个属性对应属性值
案例展示:
3、 addClass() 增加样式值
案例展示:
4 、removeClasss() 移除样式值
案例展示:
5、 prop() 和 attr() 的区别
案例展示:
6、 attr()和addClass的区别
案例展示:
7、 html() 和 text()的区别
案例展示:
三、CSS
案例展示:
效果展示:
本节完。
标签:JQuery,02,obj,attr,效果,展示,案例,CSS,属性 来源: https://blog.csdn.net/m0_67094505/article/details/123604841