zoukankan      html  css  js  c++  java
  • jQuary学习の三の效果展示

    一、隐藏显示

    1.$(selector).hide(speed,callback);
    2.$(selector).show(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    3.$(selector).toggle(speed,callback);(隐藏显示之间的切换。)

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    二、淡入淡出

    fadeIn()用于淡入已经隐藏的元素(参数同上,可取slow,fast或者毫秒)

    fadeOut()用于淡出可见元素

    fade Toggle()方法可以在fadeIn和fadeOut之间进行切换。

    jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

      $(selector).fadeTo(speed,opacity,callback);

      必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。可选的 callback 参数是该函数完成后所执行的函数名称。

    三、滑动

      slideDown()方法用于向下滑动元素

      slideUp()方法用于向上滑动元素

      jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。如果元素向下滑动,则 slideToggle() 可向上滑动它们。如果元素向上滑动,则 slideToggle() 可向下滑动它们。

    四、动画

      jQuery animate() 方法用于创建自定义动画。

      $(selector).animate({params},speed,callback);

      必需的 params 参数定义形成动画的 CSS 属性。

      也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=:

      甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle":

      默认地,jQuery 提供针对动画的队列功能。这意味着如果您在彼此之后编写多个 animate() 调用,jQuery 会创建包含这些方法调用的"内部"队列。然后逐一运行这些 animate 调用。

    五、停止动画

    stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

    $(selector).stop(stopAll,goToEnd);

    可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。

    可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

    因此,默认地,stop() 会清除在被选元素上指定的当前动画。

    六、Callback 函数在当前动画 100% 完成之后执行。

      在隐藏函数后面添加后继函数参数,来达到Callback效果。

    七、链接技术(chaining)

      举例如下:$("#p1").css("color","red").slideUp(2000).slideDown(2000);

    八、捕获内容和属性:

      text() - 设置或返回所选元素的文本内容

           html() - 设置或返回所选元素的内容(包括 HTML 标记)

           val() - 设置或返回表单字段的值

    三者在函数后面加相应参数即可完成文本输出等操作,同时,其回调函数有两个参数:被选元素列表中当前元素的下标,以及(原始)旧的值,然后以函数新值返回您希望使用的字符串。

      attr() 方法用于获取属性值,属性值必须在后面的参数中。

    attr设置属性可以多个设置,且设置时需要存在两个参数,并且可知attr的回调函数使用时和其他三个相同参数设置。

    九、添加元素

    append() - 在被选元素的结尾插入内容

    prepend() - 在被选元素的开头插入内容

    after() - 在被选元素之后插入内容

    before() - 在被选元素之前插入内容

    十、删除元素

    remove() - 删除被选元素(及其子元素)

    remove接受jquary选择器的参数,则变成一个过滤删除操作。

    empty() - 从被选元素中删除子元素

    十一、jquaryのcss操作

    addClass() - 向被选元素添加一个或多个类

    removeClass() - 从被选元素删除一个或多个类后面如果有多个类参数,类之间使用空格隔开即可,不需使用逗号和分号。前边的$("x","y","z")中xyz之间使用逗号分隔开。

    toggleClass() - 对被选元素进行添加/删除类的切换操作

    css() - 设置或返回样式属性返回css的值与设定css的值,其中设定css的值时,可以同时多值设定,但需要在每次设定后面添加一个逗号。

    十二、jquary尺寸

    width()

    height()

    innerWidth()

    innerHeight()

    outerWidth()

    outerHeight()

    设置或返回元素的高度和宽度。

  • 相关阅读:
    qt5更改QT执行文件图标
    opencvlogPolar对数极坐标转换成笛卡尔坐标
    opencv边缘检测之拉普拉斯变换Laplacian
    opencvlinearPolar极坐标转化成笛卡尔坐标
    【转】阅读优秀代码是提高开发人员修为的一种捷径
    maven maven设置 m2eclipse
    软件工程中的图
    使用IDEA远程调试代码
    使用Junit4从测试场景的准备优化测试脚本的执行效率
    eclipse 自动提示 配置
  • 原文地址:https://www.cnblogs.com/saber123/p/8590942.html
Copyright © 2011-2022 走看看