通过学习jQuery实战视频教程对jQuery有了一个初步的了解,几个小例子讲的很详细,同时也是对之前学习的HTML,ASP.NET,CSS样式设计等的一次综合学习。
【知识点】
1、是什么?
百科曰:jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
官网曰:jQuery is a new kind of JavaScript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way you write JavaScript.
jQuery就是一个JavaScript 功能库,是一个快速而简洁的JavaScript库,极大的简化了JavaScript 编程。它使得遍历的操作HTML文档,事件处理,动画,快速Web开发中的AJAX互操作等方面工作变得更加简单。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
2、特点
—Write less,Do more:jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库,其代码非常小巧,JavaScript包只有20KB左右。
—jQuery is designed to change the way that you write JavaScript:极大的简化了JavaScript编程,改变我们的编程方法。
—支持各种主流浏览器,解决浏览器兼容性问题:包括IE6以上,FireFox2以上,Safari2以上和Opera9以上版本,针对不同的浏览器编写不同的脚本是一件痛苦的事情.,有了jQuery我们可以更好的解决这个问题。
—以强大的CSS选择器为基础,几乎所有的操作都先使用选择器查找DOM对象,然后对其进行各种操作。
—屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API。
—强大的插件机制,通过插件来扩展。
—社区活跃,文档齐全,易学习,易使用。
—jQuery AJAX也很容易使用,通过 jQuery AJAX 方法,能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
—实现丰富的UI,jQuery可以实现比如渐变弹出,,图层移动等动画效果。
3、使用
使用jQuery首先需要在页面中进行引用,如下:
<script type="text/javascript" src="Scripts/jquery-1.8.1.min.js"></script>
使用的代码如下:
$(document).ready(function () {
$("#div1").html("hello world");
});
$(function () {
$("#btnOK").bind("click", function () {
});
});
【小结】
其实通过这几个小例子,也只是初步认识了jQuery,jQuery是一个JavaScript库,说到库我们会想到封装,封装的好处我想大家都深有体会,jQuery也是这样吧,使JavaScript编程变得更加的简单。还有很多东西需要理解学习,关键还是在实践中多多使用。