Rumah > hujung hadapan web > tutorial js > JQuery使用方法及详解

JQuery使用方法及详解

黄舟
Lepaskan: 2017-02-27 14:51:38
asal
2122 orang telah melayarinya

问题?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>
Salin selepas log masuk


(3)例子:jquery

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


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

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

 以上就是JQuery使用方法及详解的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan