最简单的jQuery学习教程,写得更少,做得更多!

  • A+
所属分类:Web前端
摘要

你可能听说过jQuery,它名字起得很土,但却是JavaScript世界中使用最广泛的一个库。

你可能听说过jQuery,它名字起得很土,但却是JavaScript世界中使用最广泛的一个库。

江湖传言,全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行,又如此好用,所以每一个入门JavaScript的前端工程师都应该了解和学习它。

jQuery介绍

(1)jQuery是一个轻量级的、兼容多浏览器的JavaScript库;

(2)jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。

它的总结就是:“Write less,do more”, 写得更少,但做得更多。

为什么使用 jQuery?

非常重要的理由就是:它能够兼容市面上主流的浏览器, IE 和FireFox, Google 浏览器处理 AJAX,创建异步对象是不同的,而jQuery 能够使用一种方式在不同的浏览器创建AJAX 异步对象。

jQuery的优势

(1)一款轻量级的JS框架。jQuery核心js文件才几十KB,不会影响页面加载速度。

(2)丰富的DOM选择器,jQuery的选择器用起来很方便。

比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定。

(3)链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。

(4)事件、样式、动画支持。jQuery还简化了is操作css的代码,并且代码的可读性也比js要强。

(5)Ajax操作支持。jQuery简化了Ajax操作,后端只需要返回一个JSON格式的字符串就能完成与前端的通信。

(6)跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。

(7)插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己的需求去改写和封装插件,简单实用。

jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么它就可以使用jQuery里面的方法:

例如$("#i1").html()。$("#i1").html()的意思是:获取id值为i1的元素的html代码。其中html()是jQury里的方法。相当于:document.getElementById("i1").innerHTML;

虽然jQuery对象是包装DOM对象后产生的,但是jQuery对象无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。

如何快速学习jQuery?

动力节点的jQuery教程,也是我学习时候看的视频,讲解很全面,全程无废话,推荐新手看这个入门,资料也给大家准备好了,对你有帮助记得点赞支持~~~

jQuery资料下载:

http://www.bjpowernode.com/?cnblogs