• jQuery基础——基本操作


    样式操作

      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

  • 相关阅读:
    Angularjs中添加ckEditor插件
    Angularjs中添加HighCharts
    ngTbale真分页实现排序、搜索等功能
    移动端小功能杂记(三)
    Html5 history Api简介
    移动端流程页处理
    Html5离线缓存简介
    多Tabs的横向滚动插件(支持Zepto和jQuery)
    flutter从零开始第一篇-环境搭建(Windows)
    vue 父子组件与全局数据传递共享
  • 原文地址:https://www.cnblogs.com/yz9110/p/8882782.html
Copyright © 2020-2023  润新知