一、jQuery核心库
1.jQuery核心库两大分支:jQuery 1.x和jQuery 2.x。
2.两者间的关系:两个分支拥有相同的API,jQuery 2.x不再支持IE6、IE7和IE8,并且移除了为了兼容旧版本IE而不得不增加的种种检测IE的怪异行为的判断,从而体积更小,速度更快。
二、jQuery产品线
1.jQuery产品线两大版本:以.js结尾和以.min.js结尾。
2.两者间的关系:.js结尾版本大约240KB左右,里面都是标准JavaScript代码。可以阅读,并且可以调试。.min.js版本中的JavaScript代码与.js版本一致,但经过了压缩处理,删掉了所有的注释和不必要的空白,并且为了减小体积,有意义的变量名也被替换成很短的变量名,因此此版本可读性极差,几乎不能调试。使用.min.js版本可以节省大量的带宽。
三、jQuery
1.在书写jQuery时如果jQuery写在head里,需要写在
$(document).ready(function(){});
中的function里。或者使用一下方法
$(function(){});
两种方法的效果完全相同。
2.jQuery主函数
参数 | 说明 |
$(function) | 指定DOM就绪后才执行的函数 |
$(selector) $(selector,context) | 从页面中选择元素 |
$(HTMLElement) $(HTMLElement[]) | 基于一个HTMLElement对象或一个HTMLElement对象组生成jQuery对象 |
$() | 选择0个元素 |
$(HTML)$(HTML,map) | 基于HTML代码片段生成新元素,支持可选的map对象参数,利用它定义新元素的属性 |
3.选择元素
(1)获取id:$('#id名')
(2)获取class:$('.class名')
(3)获取标签:$('标签名')
(4)选择器
选择器 | 说明 |
:animated | 选择所有正在处理动画的元素 |
:contains(text) | 选择包含指定文本的元素 |
:eq(n) | 选择第n个元素(从0开始计数) |
:even | 选择所有的偶数元素(从0开始计数) |
:first | 选择第一个匹配的元素 |
:gt(n) | 选择序号大于n的所有元素(从0开始计数) |
:has(selector) | 选择至少包含一个匹配指定选择器的元素的元素 |
:last | 选择最后一个匹配的元素 |
:lt(n) | 选择序号小于n的所有元素(从0开始计数) |
:not(selector) | 排除至少包含一个匹配指定选择器的元素的元素 |
:odd | 选择所有奇数元素(从0开始计数) |
:text | 选择所有的输入文本框元素 |
:slice(start,end) | 得到start、end参数指定范围内的元素子集,删除子集之外的其它元素 |