操作样式的方法css()

本文深入讲解了使用jQuery进行样式设置和获取的方法,包括逐个设置、链式设置、批量设置及获取样式等技巧,帮助读者掌握高效操作网页元素样式的技能。

设置样式(设置所有被匹配的元素的样式)

  1. 逐个设置
$('div').css('color','red')
$('div').css('background','yellow')
$('div').css('width','100px')
  1. 链式设置
$('div').css('width','100px').css('height','100px').css('color','red')

注意
若链式操作超过三步,则使用逐个设置较好,避免影响代码的可读性。

  1. 批量设置
    批量设置采用对象形式进行设置。
$('div').css({
	background:"red",
	width:"100px",
	height:"100px"
	})

注意
属性值都采用字符串的形式进行设置。

获取样式(获取第一个匹配的元素的样式属性节点的属性值)

$('div').css('width') //获取div的width属性节点的属性值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值