jQuery笔记

记录下学习过程中的jQuery知识点,非原创纯属笔记

1.基本选择器：#id(标签ID,特殊符号用//转义) .class(样式类名) 标签 (*表示所有，可以与类组合) 多个选择器(用逗号分割，将匹配元素合并到一个结果中) 也可以引用将创建的元素如：$('<div>')

2.层级选择器：目标选择器+关系+匹配选择器 关系有：空格：所有后代元素 >:子元素 +:紧接着目标元素 ~:同辈

3.属性选择器：[属性+匹配]：匹配：空白：所有 ＝：相等 !=:不等 ^=以开头 $=以结尾 *＝包含 
   [属性选择器][属性选择器]：同时满足多个条件

4.jQuery对象的筛选：
   过滤：.eq(index)获取第index的元素,从0开始 .first()获取第一个元素 .last()获取最后一个元素 .filter(expr)筛选出与指定表达式匹配的元素集合 .filter(fn)fn内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留。
   查找：children([expr]) parent([expr]) parents([expr]) next([expr]) nextAll([expr]) prev([expr])，find(),closest:方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。

   迁移：insertAfter（），appendTo（）

5.属性操作:attr(name)获取第一个匹配元素的属性值，如果元素没有相应属性返回undefined attr(key,value)为所有匹配元素设置一个属性值 attr(key,fn)为所有匹配元素设置一个属性的值为fn的返回值 attr(json数据):为所有匹配元素批量设置属性值, removeAttr(name)移除某个属性 对象的class属性，要用'className'作为属性名

6.css类操作:addClass(class)为第个匹配元素添加指定的类名 removeClass([class])从匹配元素中移除指定的类，多个类用空格隔开 toggleClass(class):如果不存在就添加，如果存在就删除 hasClass（）

7.HTML代码：html()获取第一个匹配元素的html内容 html(val)设置每个匹配元素的html内容

8.值：val()获取第一个匹配元素的当前值(string,Array) val(val｜array)设置每个匹配元素的值 text()

9.CSS:
   CSS:样式属性css(name):第一个匹配元素的样式值 css(name,value):设置每个匹配元素的样式值 css(json):批量设置样式值.
   位置：offset().left左相对偏移 offset().top 上相对偏移 offset({top:val,left:val})设置相对偏移量[只对可见元素] position().left position().top scrollTop()相对滚动条顶部的偏移 scrollTop(val)设置
   尺寸：height() height(val):如果没有指定单位(em.%)则默认为px 

10.事件：页面载入：$(document).ready(function(){ });事件处理：bind(type,[data],fn) 事件:click、blur change click dbclick error focus focusin focusout keydown keypress keyup load mousedown mouseup movsemove mouseout mouseover scroll select submit unload