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"; }
以上就是JQuery使用方法及详解的内容,更多相关内容请关注PHP中文网(www.php.cn)!