唠唠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呢,是个很强大又简单的库,学习起来也比较简单,在实际的开发中,能够节省大量的时间和精力,在以后的分享中,我也会继续分享,大家晚安。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员一鸣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值