唠唠jQuery

写这篇文章的时候已经是十点二十了,今天说实在话,有点小忙,项目中的一个模块和预期做的不太一样,不得不又去更改,弄的有点小不开心;‘初识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呢,是个很强大又简单的库,学习起来也比较简单,在实际的开发中,能够节省大量的时间和精力,在以后的分享中,我也会继续分享,大家晚安。

你可能感兴趣的:(前端)