jQuery基础——基本操作

时间:2022-10-22 08:07:00

样式操作

  1、css() 操作样式

    -修改单个样式 :name ,value

    -修改多个样式:字典形式

    -获取样式 :只传样式名

 

-隐式迭代:1、设置样式时,给所有选择对象设置样式

       2、获取样式时,只会返回第一个元素的值

 

  2、class 操作样式

    -addClass() :追加样式

    -removeClass() :移除样式

    -hasClass() :判断是否有相应类,返回true/false

    -toggleClass() :追加和移除样式交替

  3、属性操作

    -attr() :-一个参数返回属性值

        -设置属性值和css() 相同

      -注意:checkbox、select及使用disable的表单标签,不能使用attr()设置属性,因为其返回值是,undefined而不是false。

    -removeAttr():移除属性

    -prop() :设置属性,和attr()用法相同

      -注意:用在属性 checked、selected、disable、enable 的设置,返回true或false。

 

动画操作:

    三组基本动画:

      1、显示/隐藏:show()/hide():

          -[speed]:完成动画的时间

          -固定字符串:fast 200 /normal 400/slow 600

          -[callback]:回调函数,用于动画完成时执行

      2、滑入/滑出/切换:slideDown()/slideUp()/slidetoggle():

      3、淡入/淡出/切换:fadeIn()/fadeOut()/fadetoggle();

    自定义动画:

      animate():

        -{key:value} : 动画执行的最终效果,第一个参数必填

        -[speed]:动画执行的时间

        -['linear']:动画执行的效果,固定参数linear、swing

        -[callback]:回调函数

    动画队列:未执行的动画存放的位置,不会丢失,但是会等待浪费时间。

      stop():停止正在执行的动画

        -clearQueue:是否清空动画队列,true/false,默认false

        -jumpToEnd:是否跳转到当前动画最终效果,true/false,默认false