jquery笔记

   jQuery，它是为了简化 JavaScript 的开发而产生的JavsScript 库，它使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择，我们再也不用不用在html里面插入一堆js来调用命令了，只需定义id即可够使用户的html页保持代码和html内容分离，它的原则是write less, do more!两个字形容就是:强悍!
jQuery 对象就是通过jQuery包装DOM对象后产生的对象，它们之间可以相互转化。
1. jQuery对象转化为DOM对象
     方法一：  jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象. 
     方法二：使用 jQuery 中的 get(index) 方法
2. DOM对象转化为jQuery对象
     对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来, 就可以获得一个 jQuery 对象了.

jQuery选择器(最痛苦的部分!)
1.基本选择器
     1“$(“#id”)”，一般id都是唯一的标识，所以返回值单个元素集合 
     2“$(“element”)”，获取element指定的元素，它可能具有多个成员。
     3“$(“.class”)”因为在同一html页面中class是可以存在多个同样值的,所以返回集合元素
     4“$(“*”)”，获取所有元素，相当于document。
     5“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。
2.层次选择器

     1“$(“ancestor descendant”)”，在给定的祖先元素下匹配所有后代元素
     2“$(“parent > child”)”，在给定的父元素下匹配所有子元素（只包含第一层子元素）。
     3“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。
     4“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。
3.过滤选择器
1). 基本过滤选择器
     1 :first 匹配找到的第一个元素
     2 :last 匹配找到的最后一个元素.与 :first 相对应.
     3 :not(selector) 去除所有与给定选择器匹配的元素.
     4 :even 匹配所有索引值为偶数的元素，从 0 开始计数.
     5 : odd 匹配所有索引值为奇数的元素,和:even对应,从 0 开始计数.
     6 :eq(index)    匹配一个给定索引值的元素.括号里面的是索引值,不是元素排列数.
     7 :gt(index) 匹配所有大于给定索引值的元素.
     8 :lt(index) 匹配所有小于给定索引值的元素.
     9 :header(固定写法) 匹配如 h1, h2, h3之类的标题元素.这个是专门用来获取h1,h2这样的标题元素.
     10 :animated(固定写法)   匹配所有正在执行动画效果的元素
2). 内容过滤选择器
对元素和文本内容的操作。
     1 “:contains(text)”，选取包含text文本内容的元素。
     2 “:empty”，选取不包含子元素或者文本节点的空元素。
     3  “:has(selector)”，选取含有选择器所匹配的元素的元素。
     4“:parent”，选取含有子元素或文本节点的元素。
3). 可见性过滤选择器
 根据元素的可见与不可见状态来选取元素。
     1“:hidden”，选取所有不可见元素。匹配所有的不可见元素，input 元素的 type 属性为 “hidden” 的话也会被匹配到.意思是css中display:none和input type=”hidden”的都会被匹配到.
     2“:visible”，选择所有可见元素。 
4).属性过滤选择器
 通过元素的属性来选取相应的元素。
     1、[attribute] 匹配包含给定属性的元素. 
     2、[attribute=value] 匹配给定的属性是某个特定值的元素
     3、[attribute!=value]匹配所有不含有指定的属性，或者属性不等于特定值的元素.此选择器等价于:not([attr=value])
     4、[attribute^=value] 匹配给定的属性是以某些值开始的元素.
     5、[attribute$=value] 匹配给定的属性是以某些值结尾的元素.
     6、[attribute*=value] 匹配给定的属性是以包含某些值的元素.
     7、[attributeFilter1][attributeFilter2][attributeFilterN] 复合属性选择器,需要同时满足多个条件时使用.
 
5). 子元素过滤选择器
     1 “:nth-child(index/even/odd)”，匹配索引为index的元素、索引为偶数的元素、索引为奇数的元素。
     2 “:first-child”，匹配第一个子元素。
     3“:last-child”，匹配最后一个子元素。
     4  “:only-child”，匹配唯一子元素，它的父元素只有它这一个子元素。
 
6). 表单过滤选择器
 选取表单元素的过滤选择器。
     1 “:input”，匹配所有<input>、<textarea>、<select >和<button>元素。
     2 “:text”，匹配所有的文本框元素。
     3 “:password”，匹配所有的密码框元素。
     4 “:radio”，匹配所有的单选框元素。
     5 “:checkbox”，匹配所有的多选框元素。
     6 “:submit”，匹配所有的提交按钮元素。
     7 “:image”，匹配所有的图像按钮元素。
     8“:reset”，匹配所有重置按钮元素。
     9 “:button”，匹配所有按钮元素。
     10 “:file”，匹配所有文件上传域元素。
     11 “:hidden”，匹配所有不可见元素。
 
7).表单对象属性过滤选择器
 选取表单元素属性的过滤选择器。
      1“:enabled”，匹配所有可用元素。
      2“:disabled”，匹配所有不可用元素。
      3“:checked”，匹配所有被选中的元素，如单选框、复选框。
      4“:selected”，匹配所有被选中项元素，如下拉列表框、列表框。