JQuery使用方法及详解

问题？JQuery使用方法及详解

1.定义：

JQuery是继prototype之后又一个优秀的Javascript库(说白了它还是基于JavaScript的)。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE
6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave
Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

2.作用：我自己总结了一点了就 jquery能够比js更能好的操作html相关的标签。不用像js中那样，需要在html元素中定义各种各样的触发。只需要一个id即可完成。

3.使用：

(1)去官网下载jquery版本，点击下载链接1，点击下载链接2.在这里我使用的是jquery-1.11.3.min版本的。



(2)在html、asp、jsp等网页文件中导入该包

<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>

(3)例子：jquery

<script>
$(document).ready(C);
function C(){
$("#a6").html("页面加载我赢了!");
}
</script>

以前的js写法：其实效果是一样的，但是，jquery能让我们看着更简洁点儿。

function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}