欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JQuery使用方法及详解

程序员文章站 2022-05-27 14:07:40
...
问题?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版本的。

JQuery使用方法及详解

(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)!

相关标签: JQuery