什么是jQuery
jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。
1.1$和jQuery
jQuery文件就是一个自执行函数,也就是自执行文件,这个自执行文件就是给window对象添加一个jQuery属性和$属性($和jQuery是等价的,$是一个函数。)。
1.1.1$参数传递不同,效果也不同:
如果参数传递的是一个匿名函数,那$就是一个入口函数。 例:$(function() { });
如果参数传递的是一个字符串,那$就是一个选择器或是创建标签。
例:$("#test1") 例:$('<div>略略略</div>')
如果参数是一个dom对象,那$会把dom对象转化为jQuery对象。
1.1.2jQuery使用方法
1.引入jQuery文件
本地引入:从官网下载jQuery文件,放到js文件中,再进行引用。
jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用,方便查看源代码。
jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。
在线引用:引入在线jQuery文件。
例:<script src="jquery-1.11.1.js"></script>
2.jQuery入口函数
方法一:$(document).ready(function () { }); 方法二:$(function() { });
jQuery入口函数可以有多个,并且不会发生覆盖的情况。jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
3.功能实现
例:
$("#btnShowDiv").click(function () { $("div").show(1000); });
4.jQuery特性
隐式迭代:jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象
设置不同的值的时候,就需要自己进行迭代了。
链式编程:在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法
来(选择器-方法-选择器-方法)。