jQuery的$工具方法&CSS属性及方法

简介: jQuery的$工具方法&CSS属性及方法

一. js与jQuery的转换

1.1 概述

$类似Java中的类

$()类似Java中的类的构造方法

1.2 js与jQuery的转换

js转换jQuery====>$(js对象)

jQuery转换js====>通过下标转换js对象,通过get方法加下标获取

二. $工具方法

1. $.each(): 遍历数组,对象,对象数组中的数据
2. $.trim(): 去除字符串两边的空格
3. $.type(obj): 得到数据的类型
4. $.isArray(obj): 判断是否为数组
5. $.isFunction(obj): 判断是否是函数
6. $.parseJSON(obj): 解析json字符串转换为js对象/数组

三. jQuery属性和CSS

3.1 属性

1.attr(): 获取某个标签属性的值,或设置某个标签属性的值

2.removeAttr(): 删除某个标签属性

3.addClass(): 给某个标签添加class属性值

4.removeClass(): 删除某个标签class属性值

5.prop(): 和attr()类似,区别在于prop用于属性值为boolean类型的情况,比如多选

6.html(): 获取某一个标签体的内容(注意:该标签体可以包含子标签)

7.text(): 获取某一个标签体内容(注意:该标签体不能包含子标签)

8.val(): 用户获取/设置输入框的值

3.2 CSS

1.css(): 设置标签的css样式

1.1 获取样式值:css(“样式名”)

1.2 设置单个样式:css(“样式名”,“样式值”)

1.3 设置多个样式:css({“样式名”:“样式值”,“样式名”:“样式值”})

2.位置

2.1 offset(): 相对整个大容器的相对位置

2.2 position(): 相对父容器的相对位置

2.3 srcollXX: 滚动条到XX距离

3.1 内容尺寸

width(): 容器宽

height(): 容器高

3.2 内部尺寸

innerWidth(): width + padding

innerHeight(): height + padding

3.3 外部尺寸(注意:参数为true,再加上margin)

outerWidth(): width + padding + border

outerHeight(): height + padding + border

相关文章
|
5天前
|
前端开发
CSS属性:盒子模型
CSS属性:盒子模型
18 0
|
5天前
|
前端开发
CSS属性
CSS属性
17 0
|
7天前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
12 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
3天前
|
XML JSON JavaScript
jQuery 实用工具
jQuery 实用工具
8 2
|
5天前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
8 2
|
11天前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
15 3
|
13天前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
48 2
|
9天前
|
前端开发
Vue3基础(十ba)___在css中使用props或者计算属性的变量,来实现动态样式
本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
12 0
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发