美文网首页PythonHTML
js -- jQuery(基础)

js -- jQuery(基础)

作者: GHope | 来源:发表于2018-08-23 17:45 被阅读37次

    jquery是什么?

    jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
    jQuery是一个快速、小型、功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单,并且具有在多个浏览器之间工作的易于使用的API。结合了通用性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。

    版本

    目前jQuery有三个大版本:
    1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)
    2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)
    3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。

    1.X大版本下,细分版本非常多,各个版本的函数都会有一定的差异。网上看到的很多教程大多是1.x版本的。jquery官方手册:http://api.jquery.com/
    维护ie678是一件头疼的事情,一般我们都会额外加载一个css和js单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,电脑端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对ie678的支持。

    压缩和非压缩

    .min.js : 压缩版本,一行代码,没有了空格、缩进等
    .js : 非压缩版本,正常的代码查看
    压缩很大程度上使jquery轻量化

    使用方式

    可以本地使用
    <script src="jquery/jquery-1.11.3.min.js"></script>
    可以引入网络文件使用
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

    选择器

    jquery通过选择器就可以找到指定的节点
    id#
    class.
    标签标签名
    多选,隔开多个选项
    层级四种方式,多使用空格和>:>严格要求父子关系,空格可宽松至爷孙关系(指节点)
    基本
    :first 第一个
    :last 最后一个
    :even 偶数下标
    :odd 奇数下标
    :eq() 等于哪个下标
    :gt() 大于哪个下标
    :lt() 小于哪个下标

    相关文章

      网友评论

        本文标题:js -- jQuery(基础)

        本文链接:https://www.haomeiwen.com/subject/knumiftx.html