jQuery1

一、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主函数

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)选择器

jQuery选择器
选择器 说明
: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参数指定范围内的元素子集,删除子集之外的其它元素
原文地址:https://www.cnblogs.com/bosamvs/p/5758992.html