jQuery:顾名思义,也就是javaScript和查询(Query),即是辅助Javascript开发的库
jQuery的特点
JQuery是一个快速简洁的javaScript框架,可以简化查询DOM
对象、处理事件、制作动画、处理AJAX交互过程。
具体如下:
1、提供了强大的功能函数;
2、解决浏览器兼容性问题;
3、纠正错误的脚本知识;
4、体积小,使用灵巧(只需引入一个js文件);
5、易扩展,插件丰富;
##jQuery的作用
1、程序员的角度:简化javaScript和ajax编程,能够使程序员
从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需
求而非实现细节上,从而提高项目的开发速度。
2、用户体验更好了
3、快速实现通信(ajax);
4、动态添加响应事件;
5、提供已封装的网页特效方法;
如何获得jquery
如何引入Jquery包
JQuery库文件不需要安装,只需要使用<script>标签引入到
HTML文件中即可,拿到jQery库文件后,就跟自己写的JS文件
同样的引入方式,即可,以下是几种引用
a.引入本地的Jquery
b.引入cdn在线提供的库文件
第一个Jquery代码:讲解$(function(){})
案例
<script type=“text/javascript” src=“jquery.js”>
</script>
写第一个JQuery案例
<script type=“text/javascript”>
$(function(){
alert(“jQuery 你好!”);
});
</script>
在JQuery库中,$是JQuery的别名,$()就相当于jQuery()
jQuery(function(){alert("jQuery 你好")})
$()相当于页面初始化函数,当页面加载完毕,会执行$()
相当于jQuery()
$(funciong () {})是$(document).ready(function() {} )
的简写
$(function () {})与 window.onload的区别
1、ready表示文档已加载完成(不包含图片等非文字媒体文件)
2、onload是指页面包含图片在内的所有元素都加载完成
3、 $(document).ready(function() {})要比
window.onload先执行
jQuery包装集
在jQuery的世界中将所有的对象,无论是一个还是一组,都封装
成一个jQuery包装集,即集合。也就是说$()返回结果都是集合
,不是单个对象。
比如获取一个元素的jQuery包装集。
//testDiv是页面某元素的idj
var jQueryobject=$("#testDiv")