写这篇文章的时候已经是十点二十了,今天说实在话,有点小忙,项目中的一个模块和预期做的不太一样,不得不又去更改,弄的有点小不开心;‘初识HTML’系列,这几天也没在写,这个系列有喜欢的朋友,请放心,周末的两天我会接着更新;其实写文章,除了给别人看,更多的是自己的一次温故,还有当作他日回忆的一部分;今天突然翻到了jQuery,那么今天就唠一唠吧。
本身我是一名做Andoid开发的,似乎jQuery是用不到的,但是毕竟如果你会的话,以后肯定是你加分的项,再者技多不压身,所以啊,在看这篇文章的读者,除了你本身的技能之外,我建议,最好在闲暇时间学一个其它的技能,说不定,哪一天,有一个岗位,需要这项技能,那么你就胜任了。
jQuery是个什么东西呢?对于web前端的同学来说,再熟悉不过了,jQuery其实是一个JavaScript的一个函数库,一个很大的优点就是‘写的少,做的多’,比如对html元素的选取,操作,dom遍历修改,javaScript特效动画等都可以进行实现,远比原生的javaScript进行这些操作要简单的多得多,还有一个可以对其值得肯定的是,有很多大公司都在用,比如google,IBM等。
既然jQuery有如此多的优点,那么我们该如何引入我们的项目中呢,其实也非常简单,我们可以从,jquery.com进行下载,或者从CDN中进行加载,下载的时候,记得可选两个版本,一个是Production version - 用于实际的网站中,已被精简和压缩。一个是Development version - 用于测试和开发(未压缩,是可读的代码)。
具体引用如下:
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
当然了除了以上的下载下来在本地引用,还有比较好的替代方案,那就是可以通过 CDN(内容分发网络) 引用它。
比如我们比较常见的:
百度CDN:
<head>
<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
GoogleCDN:
<head>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
新浪CDN:
<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
按照以上的方法引入之后,那么我们就可以进行使用jQuery了,使用起来也是相对比较的简单,按照以下语法即可:
$(selector).action()
jQuery是用美元符号定义的,所以啊,写代码之前$是必带的,selector是选择符,action()是对元素的操作,例如:$(“p”).hide();就是对段落p进行隐藏。
在开始写代码之前,jQuery还有个就绪工作:
$(document).ready(function(){
// 开始写 jQuery 代码...
});
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
还有一个简单的语法:
$(function(){
// 开始写 jQuery 代码...
});
好了,jQuery用之前的基本工作,就是以上的这些,主要是太困了,写不下去了,jQuery呢,是个很强大又简单的库,学习起来也比较简单,在实际的开发中,能够节省大量的时间和精力,在以后的分享中,我也会继续分享,大家晚安。