jQuery.js - 前端必备的Javascript库
作者:WangMin
格言:尽力做好自己喜爱的每一件事
jQuery.js 是什么?
jQuery是一个快速简练、免费开源易用的JavaScript结构,倡议写更少的代码,做更多的工作 。它封装JavaScript常用的功用代码,供给了一种简洁的JavaScript规划形式,以及咱们开发中常用到的操作DOM的API,优化HTML文档操作、事情处理、动画规划和Ajax交互,使更多的网页交互作用简单化。
为什么要运用 jQuery.js
首要来看一个比如,用js 来给元素增加布景色彩,改动字体的色彩,事例如下如下:
<div id="box">增加布景色彩,改动字体的色彩</div>
#box{
width:150px;
height:150px;
line-height: 30px;
text-align: center;
font-size: 16px;
border:1px solid #ccc;
}
运用原生JavaScript来完结作用,代码如下:
<script type="text/javascript">
window.onload=function(){
var oBox=document.getElementById("box");
oBox.onclick=function(){
oBox.style.background="blue"
oBox.style.color="#fff";
}
}
</script>
运用 jQuery.js 来完结作用,代码如下:
<script type="text/javascript" src="jQuery/jquery.js"></script>
<script type="text/javascript">
$('#box').click(function(){
$(this).css({
"background":"blue",
"color":"#fff"
})
});
</script>
网页作用如下:
比照以上两种办法,完结的作用其实是相同的,能够看到运用jQuery的长处最直接的是:能够依据CSS挑选器快速地获取DOM元素,在修正DOM元素的CSS款式时,与style标签的格局类似。
比较于原生的js代码,jQuery的长处便是 用很少的代码就能够完结很强壮的功用,而且兼容性也好,现在很多用原生js考虑支撑多浏览器等等,尤其是jquery的挑选器比较强壮,一般多用于实践项目的运用,削减开发周期。
怎样获取 jQuery.js
1、从官网下载
jQuery.js 官方下载
2、在线项目引证地址
能够到网站 BootCDN 去查找项目所需求的jQuery.js 版别的在线地址。项目上线时, 一般运用比较靠谱的CDN资源库,用来减轻服务器担负。
这儿边能够找到 jQuery.js 的最新版别与前史版别的在线地址,你只需依照你项目的需求引进相应的版别就能够了。
假如项目需求兼容IE低版别浏览器,能够挑选1.x.x系列的版别,例如 jQuery.js 1.11.0,1.x.x系列的版别的缺陷便是文件巨细比较大。假如不需求兼容IE低版别浏览器,能够挑选能够挑选2.x.x系列的版别或许最新的3.x.x系列的版别,版别越高,里边包括的API更多,程序履行功率越高。
怎样运用 jQuery.js
1)引进 jQuery.js 文件
信任我们对引进外部的CSS款式文件的代码,那么引进外部的JS文件也是相同的,区别是引进的标签不相同,你只需求在HTML文件的任何地方引进 jQuery.js 文件,如下:
途径引进
<script type="text/javascript" src='文件途径' ></script>
主张将 jQuery.js 文件引进到HTML文件的最终,这样让DOM加载完结之后,更好地 履行jQuery.js 文件将网页作用完好的出现出来。
以上仅是个人见解,若有不足之处欢迎在下方谈论指出,那就先共享到这儿!! 😄 后续持续更新!!