全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery简介_动力节点Java学院整理

江湖传言,全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行,又如此好用,所以每一个入门JavaScript的前端工程师都应该了解和学习它。

jQuery这么流行,肯定是因为它解决了一些很重要的问题。实际上,jQuery能帮我们干这些事情:

  • 消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;
  • 简洁的操作DOM的方法:写$('#test')肯定比document.getElementById('test')来得简洁;
  • 轻松实现动画、修改CSS等各种操作。

jQuery的理念“Write Less, Do More“,让你写更少的代码,完成更多的工作!

jQuery版本

目前jQuery有1.x和2.x两个主要版本,区别在于2.x移除了对古老的IE 6、7、8的支持,因此2.x的代码更精简。选择哪个版本主要取决于你是否想支持IE 6~8。

从jQuery官网可以下载最新版本。jQuery只是一个jquery-xxx.js文件,但你会看到有compressed(已压缩)和uncompressed(未压缩)两种版本,使用时完全一样,但如果你想深入研究jQuery源码,那就用uncompressed版本。

使用jQuery

使用jQuery只需要在页面的<head>引入jQuery文件即可:

<html>
<head>
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  ...
</head>
<body>
  ...
</body>
</html>

好消息是,当你在学习这个教程时,由于网站本身已经引用了jQuery,所以你可以直接使用:

'use strict';
alert('jQuery版本:' + $.fn.jquery);

$符号

$是著名的jQuery符号。实际上,jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,它是变量jQuery的别名:

window.jQuery; // jQuery(selector, context)
window.$; // jQuery(selector, context)
$ === jQuery; // true
typeof($); // 'function'

$本质上就是一个函数,但是函数也是对象,于是$除了可以直接调用外,也可以有很多其他属性。

注意,你看到的$函数名可能不是jQuery(selector, context),因为很多JavaScript压缩工具可以对函数名和参数改名,所以压缩过的jQuery源码$函数可能变成a(b, c)。

绝大多数时候,我们都直接用$(因为写起来更简单嘛)。但是,如果$这个变量不幸地被占用了,而且还不能改,那我们就只能让jQuery把$变量交出来,然后就只能使用jQuery这个变量:

$; // jQuery(selector, context)
jQuery.noConflict();
$; // undefined
jQuery; // jQuery(selector, context)

这种黑魔法的原理是jQuery在占用$之前,先在内部保存了原来的$,调用jQuery.noConflict()时会把原来保存的变量还原。


# jquery  # 简介  # jQuery mobile类库使用时加载导航历史的方法简介  # jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介  # Android中的jQuery:AQuery简介  # jQuery布局插件UI Layout简介及使用方法  # Jquery图形报表插件 jqplot简介及参数详解  # jQuery入门知识简介  # 你可以  # 你会  # 有很多  # 两种  # 当你  # 只需  # 你想  # 它是  # 要在  # 你不  # 用了  # 能让  # 很重要  # 因为它  # 你是否  # 只是一个  # 就用  # 好用  # 还不能  # 等各种 


相关文章: 品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  如何快速上传建站程序避免常见错误?  Swift中循环语句中的转移语句 break 和 continue  如何通过主机屋免费建站教程十分钟搭建网站?  北京制作网站的公司排名,北京三快科技有限公司是做什么?北京三快科技?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  如何在西部数码注册域名并快速搭建网站?  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?  广东专业制作网站有哪些,广东省能源集团有限公司官网?  建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略  SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?  移民网站制作流程,怎么看加拿大移民官网?  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?  宁波自助建站系统如何快速打造专业企业网站?  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的?  官网自助建站平台指南:在线制作、快速建站与模板选择全解析  如何获取开源自助建站系统免费下载链接?  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  如何选择服务器才能高效搭建专属网站?  如何在云主机上快速搭建网站?  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?  企业微网站怎么做,公司网站和公众号有什么区别?  如何通过VPS搭建网站快速盈利?  如何通过FTP空间快速搭建安全高效网站?  网站建设制作需要多少钱费用,自己做一个网站要多少钱,模板一般多少钱?  无锡营销型网站制作公司,无锡网选车牌流程?  如何选择高效响应式自助建站源码系统?  定制建站平台哪家好?企业官网搭建与快速建站方案推荐  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  建站主机是否等同于虚拟主机?  网站制作的方法有哪些,如何将自己制作的网站发布到网上?  如何快速辨别茅台真假?关键步骤解析  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?  学校免费自助建站系统:智能生成+拖拽设计+多端适配  已有域名如何快速搭建专属网站?  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么?  网站制作的步骤包括,正确网址格式怎么写?  深圳企业网站制作设计,在深圳如何网上全流程注册公司?  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  如何在阿里云服务器自主搭建网站?  网站专业制作公司有哪些,做一个公司网站要多少钱?  建站之星ASP如何实现CMS高效搭建与安全管理?  安徽网站建设与外贸建站服务专业定制方案  如何快速查询网站的真实建站时间?  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?  大学网站设计制作软件有哪些,如何将网站制作成自己app?  css网站制作参考文献有哪些,易聊怎么注册?  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?  建站之星如何修改网站生成路径? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。