• JQuery学习笔记


     toggle() 方法来切换 hide() 和 show() 方法。

     fadein(),fadeout(),fadeto,fadetoggle() 方法来实现淡入,淡出,颜色变淡,切换颜色变化。

    slidedown(),slideup(),slideToggle()方法实现向下滑动,向上滑动,切换上滑下滑效果。

    animate()创建自定义动画。$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

      opacity(不透明度0.5)

    $("button").click(function(){
      $("div").animate({
        left:'250px',
        opacity:'0.5',
        height:'150px',
        '150px'
      });
    }); 
    当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。
    • append() - 在被选元素的结尾插入内容
    • prepend() - 在被选元素的开头插入内容
    • after() - 在被选元素之后插入内容
    • before() - 在被选元素之前插入内容
    • remove() - 删除被选元素(及其子元素)
    • empty() - 从被选元素中删除子元素
    • addClass() - 向被选元素添加一个或多个类
    • removeClass() - 从被选元素删除一个或多个类
    • toggleClass() - 对被选元素进行添加/删除类的切换操作
    • css() - 设置或返回样式属性

    width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

    height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

    innerWidth() 方法返回元素的宽度(包括内边距)。

    innerHeight() 方法返回元素的高度(包括内边距)。

    outerWidth() 方法返回元素的宽度(包括内边距和边框)。

    outerHeight() 方法返回元素的高度(包括内边距和边框)。

    siblings() 方法返回被选元素的所有同胞元素。

    next() 方法返回被选元素的下一个同胞元素。

    nextAll() 方法返回被选元素的所有跟随的同胞元素。

    nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

    dblclick()当双击元素时,会发生 dblclick 事件。

    mouseenter()当鼠标指针穿过元素时,会发生 mouseenter 事件。

    mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。

    mousedown()当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

    mouseup()当在元素上松开鼠标按钮时,会发生 mouseup 事件。

    hover()hover()方法用于模拟光标悬停事件。

    focus()当元素获得焦点时,发生 focus 事件。

    blur()当元素失去焦点时,发生 blur 事件。

    eq() 方法返回被选元素中带有指定索引号的元素。

    filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

  • 相关阅读:
    使用sshfs挂载远程服务器目录
    yum install --downloadonly 下载依赖包到本地 但不安装
    CentOS 7安装SSHFS 实现远程主机目录 挂载为本地目录
    CentOS7下FTP的安装与配置
    标签传播算法(Label Propagation Algorithm, LPA)初探
    线性模型(linear model)基本定义及参数求解数学本质、损失函数的选择与评估数学原理、及其基于线性模型衍生的其他机器学习模型相关原理讨论
    贝叶斯A/B测试
    谨慎选择我们的先验
    关于年会抢红包游戏的一个思考
    WMI攻击技术研究
  • 原文地址:https://www.cnblogs.com/quwujin/p/6026179.html
Copyright © 2020-2023  润新知