MyException - 我的异常网
当前位置:我的异常网» jQuery » 闲谈jQuery(一)

闲谈jQuery(一)

www.MyException.Cn  网友分享于:2013-08-16  浏览:0次
闲聊jQuery(一)

Write less, do more.

这便是jQuery的宗旨!jQuery,一个高效、精简并且功能丰富的 JavaScript 工具库。


想必,对于每一个前端开发者,一定用过jQuery吧!俗话说,学会jQuery,打哪儿都不怕!(瞎说的。。)   jQuery也是我接触过的第一个JavaScript工具库。说句心里话,jQuery用起来确实很爽!下面分析几点:

1.原生JavaScript中获取元素(document.getElementById,document.getElementsByClassName,document.getElementByName...),一写一大串,写起来很烦。再看看jQuery中获取元素($('id或className或HTML标签名称'))。真是方便!

2.jQuery中对ajax进行了封装,用起来非常顺手。

原生ajax:

 1 function success(res) {
 2 //do something
 3 }
 4 
 5 function fail(res) {
 6 //do something
 7 }
 8 
 9 var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象
10 
11 request.onreadystatechange = function () { // 状态发生变化时,函数被回调
12     if (request.readyState === 4) { // 成功完成
13         // 判断响应结果:
14         if (request.status === 200) {
15             // 成功,通过responseText拿到响应的文本:
16             return success(request.responseText);
17         } else {
18             // 失败,根据响应码判断失败原因:
19             return fail(request.status);
20         }
21     } else {
22         // HTTP请求还在继续...
23     }
24 }
25 
26 // 发送请求:
27 request.open('GET', '/xxx');
28 request.send();
29 
30 alert('请求已发送,请等待响应...');

jQuery ajax:

 1 $.ajax({ 
 2     url: "",    //后台服务地址
 3     type: "POST" 或 "GET",    //还可以是PUT、DELETE
 4     success: function(){
 5     //do something
 6     },
 7     error: function() {
 8     //do something
 9     }
10 });    //jQuery ajax还提供了很多可选的属性,有兴趣可以去查看下相关文档!

3.jQuery提供很多便捷的事件方法。

jQuery事件方法:浏览器事件文档加载绑定事件处理器事件对象表单事件键盘事件鼠标事件。这里的话,有兴趣的话可以查看相关文档链接。

4.jQuery提供了快速实现动画效果的方法。

只需使用jQuery的一个方法就可以让你的页面更加生动!比如:.fadeIn() 、.animate()


jQuery的版本,最新版本jQuery3.2.1 。目前,jQuery共有3代版本,分别是:jQuery1.x.x、jQuery2.x.x、jQuery3.x.x。

这里注意的是,从jQuery2.x.x开始级以后的版本不再对ie9以下等浏览器的支持。官方原话:If you need to support older browsers like Internet Explorer 6-8, Opera 12.1x or Safari 5.1+, use jQuery 1.12.   


 

jQuery统一了不同浏览器之间的DOM操作,使用它,你便可以轻松的对页面进行DOM操作!

后续,我将深入jQuery,学习了解这个JavaScript库是如何实现的,并着手打造一个jQuery插件。    c⌒っ*゚∀゚)メ装完就跑

文章评论

程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
Java程序员必看电影
Java程序员必看电影
程序员应该关注的一些事儿
程序员应该关注的一些事儿
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
总结2014中国互联网十大段子
总结2014中国互联网十大段子
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
旅行,写作,编程
旅行,写作,编程
每天工作4小时的程序员
每天工作4小时的程序员
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
一个程序员的时间管理
一个程序员的时间管理
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
漫画:程序员的工作
漫画:程序员的工作
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
程序员和编码员之间的区别
程序员和编码员之间的区别
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
那些争议最大的编程观点
那些争议最大的编程观点
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
程序员的鄙视链
程序员的鄙视链
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
如何成为一名黑客
如何成为一名黑客
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
我是如何打败拖延症的
我是如何打败拖延症的
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
鲜为人知的编程真相
鲜为人知的编程真相
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
我的丈夫是个程序员
我的丈夫是个程序员
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
10个调试和排错的小建议
10个调试和排错的小建议
老程序员的下场
老程序员的下场
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
代码女神横空出世
代码女神横空出世
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有