JQuery 02($工具&属性&CSS)

2022/3/20 6:29:36

本文主要是介绍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($工具&属性&CSS)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程