JQ CSS设置

本文详细介绍了使用jQuery进行元素操作的方法,包括获取和设置HTML、文本及表单内容,操作元素属性与样式,添加、删除及切换CSS类,调整元素尺寸等。

方法名

描述

html()

获取元素中 HTML 内容

html(value)

设置元素中 HTML 内容

text()

获取元素中文本内容

text(value)

设置原生中文本内容

val()

获取表单中的文本内容

val(value)

设置表单中的文本内容

attr(key)

获取某个元素 key 属性的属性值

attr(key, value)

设置某个元素 key 属性的属性值

attr({key1:value2, key2:value2...})

设置某个元素多个 key 属性的属性值

attr(key, function (index, value) {})

设置某个元素 key 通过 fn 来设置

css(name)

获取某个元素行内的 CSS 样式

css([name1, name2, name3])

获取某个元素行内多个 CSS 样式

css(name, value)

设置某个元素行内的 CSS 样式

css(name, function (index, value) )

设置某个元素行内的 CSS 样式

css({name1 :value1,name2 :value2})

css({name1 :value1,name2 :value2})

addClass(class)

给某个元素添加一个 CSS 类

addClass(class1 class2 class3...)

给某个元素添加多个 CSS 类

removeClass(class)

删除某个元素的一个 CSS 类

removeClass(class1 class2 class3...)

删除某个元素的多个 CSS 类

toggleClass(class)

来回切换默认样式和指定样式

toggleClass(class1 class2 class3...)

同上

toggleClass(class, switch)

来回切换样式的时候设置切换频率

toggleClass(function () {})

通过匿名函数设置切换的规则

toggleClass(function () {}, switch)

在匿名函数设置时也可以设置频率

toggleClass(function (i, c) {}, switch)

在匿名函数设置时传递两个参数

width()

获取某个元素的长度

width(value)

设置某个元素的长度

width(function (index, width) {})

通过匿名函数设置某个元素的长度

height()

获取某个元素的长度

height(value)

设置某个元素的长度

height(function (index, width) {})

通过匿名函数设置某个元素的长度

innerWidth()

获取元素宽度,包含内边距 padding

innerHeight()

获取元素高度,包含内边距 padding

outerWidth()

获取元素宽度,包含边框 border 和内边距 padding

outerHeight()

获取元素高度,包含边框 border 和内边距 padding

outerWidth(ture)

同上,且包含外边距

outerHeight(true)

同上,且包含外边距

offset()

获取某个元素相对于视口的偏移位置

position()

获取某个元素相对于父元素的偏移位置

scrollTop()

获取垂直滚动条的值

scrollTop(value)

设置垂直滚动条的值

scrollLeft()

获取水平滚动条的值

scrollLeft(value)

设置水平滚动条的值

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值