其他分享
首页 > 其他分享> > JQuery 02($工具&属性&CSS)

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