jQuery_css 的详细用法

本文介绍了如何使用jQuery进行CSS样式的操作,包括设置、获取、添加、删除和切换样式的方法,并展示了具体的实现代码。

一.设置CSS属性

1.给元素设置一个CSS属性:

$("#id").css('background','black")

2.如果设置多个属性样式呢?

$("#id").css({

'background':'black",

“font-size”:'14px'

})

3.设置样式,可以根据自己的意愿来设置。

$("li").css('font-size',function(index,value){       
//第一个参数是序号,第二个参数是值
return (index + 1)*parseInt(value)+ "px"
//会将属性依次加10,字体越来越大。
})

4.只设置第几个:
比如说只给第三个设置样式

$("li").css('font-size',function(index,value){      
 //第一个参数是序号,第二个参数是值
if(index = 2){
return (index + 1)*parseInt(value)+ "px"
}
})

5.给所有的元素添加一个样式

$('li').addClass('lilist')

addClass()给选定的元素添加类样式,只是样式名字,没有 “.”
6.删除样式

$('li').removeClass('lilist')

removeClass()给指定元素删除样式

7.切换样式

$('li').ToggleClass('lilist')

ToggleClass()给指定元素切换样式

8.hasClass()
返回值是true和false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值