首页 > web前端 > js教程 > 正文

JQuery使用方法及详解

黄舟
发布: 2017-02-27 14:51:38
原创
2197人浏览过

问题?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)!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号