zoukankan      html  css  js  c++  java
  • jQuery入门

    ---恢复内容开始---

    1、简介:

      jQuery是一个JavaScript函数库,轻量级,写的少,做的多的JavaScript函数库。(jQuery2以上不支持IE6、7、8。jQuery1.9支持)

    2、jQuery 版本:

      Production version(用于实际的网站中,已被压缩和精简)Development version(测试和开发,可读代码)

      使用方式:<head> <script src="jquery-3.2.1.min.js"></script> </head> 

      或者引用CDN库  <head><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script></head>

    3、功能:

      html的元素选取、html的元素操作、html dom遍历和修改、js特效和动画效果、css操作、html事件操作、ajax异步请求方式。

    4、语法:

      $(selector).action()        $:定义jQuery,selector:查询和查找的html元素,action()执行对元素的操作。

      $(document).ready(function(){//jQuery代码}):所有的jQuery代码在文档加载完之后进行。所以jQuery函数位于document ready函数中。

    5、选择器:

      id、class、类型、属性、属性值、元素组选择器/或者将jQuery放于独立的js文件中,通过src加载使用。

    6、jQuery事件:

      6.1、页面对不同访问者的响应叫做事件。事件处理程序是指当html中发生某些事件时所调用的方法。

      6.2、常见的DOM事件:click dbclickmouseentermouseleavekeypresskeydownkeyupsubmitchangefocuslurload esizescrollunload

      6.3、大部分DOM事件都有一个等效的jQuery方法。

      6.4、常用的jQuery方法:click()、dbclick()、mouseenter()、mouseleave()、mousedown()、mouseup()、hover()、focus()、blur()

    7、jQuery效果

    显示隐藏

      隐藏:$(selector).hide(speed,callback);  speed:slow 、fast、毫秒  callback:隐藏完成后执行的函数名称

      显示:$(selector).show(speed,callback);

      显示/隐藏$(selector).toggle(speed,callback);

    淡入淡出

      淡入:$(seclector).fadeIn(speed,callback)  淡入已隐藏的元素。speed:slowfast毫秒

      淡出:$(selcetor).fadeout(speed,callback)

      淡入淡出 :fadeToggle()

      渐变为给定的不透明度:$(selector).fadeTo(speed,opacity,callback);opacity为淡入淡出设定的不透明度,值界于0~1之间。

    滑动

      向下滑动元素:slideDown()

      向上滑动元素:slideUp()

      向上、下滑动元素:slideToggle()

    动画

      创建自定义动画animate():$(selector).animate({params},speed,callback);  params:定义形成动画的css属性,可有多个属性。

      停止动画:$(selector).stop(stopAll,goToEnd);

    jQuery链:Chaining 在一条语句中运用多个jQuery方法。

      

      

    ---恢复内容结束---

  • 相关阅读:
    从远程仓库更新本地仓库
    git添加所有新文件
    删除远程仓库文件夹
    更新被驳回
    git安装和第一次提交过程
    JSONobject按照put顺序存储和读取
    Map 转 json格式 保留null值的解决办法
    Java对象转换Json的细节处理
    如何解析json格式的字符串
    json 拼装空list、object
  • 原文地址:https://www.cnblogs.com/xiaoyifenger/p/7931028.html
Copyright © 2011-2022 走看看