文档章节

jQuery零基础入门——(一)初识jQuery

JandenMa
 JandenMa
发布于 2018/06/29 00:31
字数 1015
阅读 120
收藏 8

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,主干出处来自廖雪峰老师的技术分享。

大家好,欢迎来到我们新的课程。应部分读者的要求,为满足不同学习能力的初学者,在推《JavaScript零基础入门》系列博文的同时,也穿插分享一下JavaScript江湖上广为人知的武林至尊——jQuery。今天,我们先来了解一下这神秘之物的基本信息。

jQuery,是JavaScript江湖上,被广泛使用的一个。据江湖上不完全统计,世界上约有八成左右的网站,直接或间接的使用jQuery作为原生JS的替代品,来提高开发效率。这么神秘又强大的东西,值得我们来一探究竟。

jQuery的理念

jQuery一直用”Write Less, Do More“来宣传自己,意思是,写更少的代码,做更多的事情,体现其简洁高效的特性。

jQuery的优点

  • 简洁的操作DOM的方法:
  1. document.getElementById("a") => document.querySelector("#a”) => $("#a");
  2. document.getElementsByTagName("span") => document.querySelectorAll("span”) => $("span");
  3. document.getElementsByClassName("css") => document.querySelectorAll(".css”) => $(".css")。
  • 消除浏览器差异:
  1. 对于一些事件和样式,不需要写一堆代码来兼容或适应不同浏览器,当然也包含AJAX。
  • 快速修改CSS样式,轻松实现动画效果。

jQuery的版本

截至目前,jQuery已经更新到3.3.1,换句话说,当前的jQuey存在1.x、2.x和3.x三个大版本,需要注意的是,2.0以上版本,已经不再支持IE6/7/8,因此2.0+的版本,代码会更精简,当然也不是最新的版本就是好的,要根据项目需求来选择合适的版本,如果你想支持IE6/7/8,还得用1.x。

另外,我们可以从jQuery官网直接下载jQuery的最新版本,也可以从jQuery CDN找到历史版本。一般来说,我们这些版本文件,只是一个js或min.js文件,js文件是一个未压缩的开发环境使用的版本,我们可以看到源码,而min.js是被压缩过的生产环境(也就是正式环境)使用的版本,基本上已经被压缩、混淆和加密过。不过,使用效果没什么区别。

jQuery的使用

在使用jQuery之前,我们可以先决定是要使用CDN版本还是本地版本,两者的区别就是,本地版本就是将jQuey文件下载到本地,CDN版本其实就是网络版,用的时候浏览器会自己去对应的位置调用。不管是用哪一种,我们都需要在页面上引用jQuery文件,以CDN版本为例,本地版本就把src指向本地已下载好的文件即可:

<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	</head>
	<body>
		
	</body>
</html>

jQuery的$符

$符号除了因美元而被人熟知外,在IT世界,它就是著名的jQuery符号。在jQuey中,其实所有的方法对被封装在一个全局变量里,这个全局变量就是jQuery,而$作为jQuery中一个合法的变量名,同时也是jQuery的别名,也就是说jQuery===$的结果是true。

需要说明的是,一般情况下,我们可以直接用$替代jQuery来调用,但如果$被其他代码先声明占用了,而且没办法改的时候,我们只能调用jQuery.noConflict()来解放$符,而调用之后,就只能乖乖使用jQuery了,$不再是jQuery的替身了。

© 著作权归作者所有

JandenMa
粉丝 23
博文 29
码字总数 28128
作品 0
汕头
私信 提问
加载中

评论(3)

waichun
waichun
JandenMa
JandenMa 博主

引用来自“VigaMa”的评论

期待继续
感谢您的支持~
珈珈v简简
珈珈v简简
期待继续
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
2018/07/01
67
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
2018/07/20
13
0
jQuery零基础入门——(四)查找和过滤

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 通常情况下选择器可以直接定位到...

JandenMa
2018/07/11
28
0
jQuery零基础入门——(五)操作DOM

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 jQuery强大的选择器,最终目的是...

JandenMa
2018/07/14
20
0
jQuery零基础入门——(八)AJAX

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 用JavaScript写AJAX前面已经介绍...

JandenMa
2018/08/06
29
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员Java教程分享Zookeeper基本原理与运用场景

好程序员Java教程分享Zookeeper基本原理与运用场景一、什么是Zookeeper? zookeeper是一个分布式的一致性协调服务。 换句话说,也可以把zookeeper看成一个小型的分布式文件系统。但是和FastD...

好程序员官网
7分钟前
2
0
mysql表情符

1 修改表字段为utf8md4 ALTER table property_info MODIFY `address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL 2 MySQL数据库服务器配置文件mysqld.cn......

干死it
26分钟前
2
0
正则表达式的基本语法

本文摘自LTP.NET知识库。 正则表达式的形式一般如下: /love/ 其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。 用户只要把希望查找匹配对象的模式内容放入“/”定界符之...

木庄
28分钟前
3
0
java 框架有哪些?

十大常用框架: 一、SpringMVC 二、Spring 三、Mybatis 四、Dubbo 五、Maven 六、RabbitMQ 七、Log4j 八、Ehcache 九、Redis 十、Shiro 延展阅读: 一、SpringMVC Spring Web MVC是一种基于J...

java框架开发者
28分钟前
6
0
细谈Mysql事务

文章原创于公众号:程序猿周先森。本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号。 上一篇着重谈到了MySQL锁的概念,里面谈到了事务的概念,其实大部分开发者对于事务肯定不陌生,...

程序猿周先森
37分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部