jquery-day02

本文详细介绍jQuery中css样式操作,包括单个和多个样式的设置与获取,class的添加、删除、判断及切换。同时讲解了属性操作,区分使用attr和prop方法,以及animate动画效果的设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

css样式:

设置单个样式:css(属性,属性值);----js通过style属性来设置样式

设置多个样式:css({属性:属性值,属性2:属性值2})

获取样式:css(属性名)

隐式迭代:设置操作的时候,会给jq内部的所有对象都设置相同的值【获取的时候,只会返回第一个元素的值】

 

class操作:

添加类名:addClass("类名")
移出类名:removeClass("类名")
判断是否存在这个类名:hasClass("类名")
切换类:toggleClass("类名")
 

 

属性方式:

  1. attr(标签属性)------用法和css(样式属性)一样
        1.1 设置单个属性  attr("属性名","属性值")

        1.2  设置多个属性  attr({"属性1,":"属性值1","属性2,":"属性值2"})

        1.3  获取属性  attr("属性名"),返回字符串

【prop()---------对于bool类型的属性,不要用attr方法,用prop,因为:在jQuery1.6版本以后用attr方法就没有效果了,prop方法     用法同attr()
 bool类型的属性: checked  selected】

 

 animate();
     第一个参数: 对象,里面放的是需要的动画的样式
     第二个参数: speed,动画执行的时间
     第三个参数:动画执行的效果, linear swing
     第四个参数:回调函数

 

 

 


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值