js -- jQuery(基础)

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() 小于哪个下标

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,765评论 1 45
  • 面对工作的压力,我们会变得恐慌,变得毫无目标感。这种瓶颈下,我们只有适当的调节自己,让自己保持一颗向上的积极...
    潍坊泰华DDM店刘云阅读 169评论 0 0
  • 其实真正的幸福来自于:内心的激情、动力、充实与宁静,这就要求我们在生命中始终忠于自己,成长为自己想要的样子。 你只...
    红香绿玉阅读 97评论 0 0
  • ​工资,虽然说不是什么秘密,但是也是属于个人隐私,不要随意的问以及谈论别人工资已经成为了一种礼仪和礼貌。而且进入公...
    45742a27dffe阅读 3,149评论 0 0
  • "即便是一个人,也要活得像一支队伍,对着自己的心灵招兵买马,不气馁,有召唤,爱自由。″这是多么热气腾腾的励志...
    拙兰阅读 192评论 1 3