JQ 了解

1.了解jQuery

1. 是什么:What？
   1. 一个JS函数库:write less，do more
   2. 封装简化DOM操作(CRUD)/Ajax
2. 为什么用它:why?
   1. 强大选择器:方便快速查找DOM元素
   2. 隐式遍历(迭代):一次操作多个元素
   3. 读写合一:读数据/写数据用的是一个函数
   4. 事件处理
   5. 链式调用
   6. DOM操作(CUD)
   7. 样式操作
3.  如何使用:How?
   1. 引入jQuery库
   2. 本地引入与CDN远程引入
   3. 测试版与生产版(压缩版)
4. 使用jQuery
   1. 使用jQuery函数:$/jQuery
   2. 使用iQuery对象:$xxx(执行$()得到的)

2.jQuery的两把利器

1. jQuery函数:$/jQuery
   1. *jQuery向外暴露的就是jQuery函数，可以直接使用:
   2. 当成一般函数使用:$(param)
      1. param是function:相当于window.onload=function(文档加载完成的监听)
      2. param是选择器字符串:查找所有四配的DOM元素，返回包含所有DOM元素的iQuery对象
      3. param是DOM元素:将DOM元素对象包装为jQuery对象返回$(this)
      4. param是标签字符串:创建标签DOM元素对象并包装为jQuery对象返回
   3. 当成对象使用:$.xxx
      1. *each(obj/arr,function(key,value){})
      2. trim(str)
2. jQuery对象
   1. 包含所有匹配的n个DOM元素的伪数组对象
   2. 执行$()返回的就是jQuery对象
   3. 基本行为:
      1. length/size():得到dom元素的个数
      2. [index]:得到指定下标对应的dom元素
      3. each(function(index，domEle){}):遍历所有dom元素
      4. sindex():得到当前dom元素在所有兄弟中的下标

3.选择器

1. 是什么?
   1. *有特定语法规则(css选择器)的字符串       
   2. *用来查找某个/些DOM元素:$(selector)
2. 分类
   1. 基本*
      1. #id
      2. tagName/*
      3. .class
      4. selector1.selector2.selector3:并集
      5. selector1selector2selector3:交集
   2. 层次
      1. *找子孙后代，兄弟元素
      2. selector1>selector2:子元素
      3. selector1 selector2:后代元素
   3. 过滤
      1. 在原有匹配元素中筛选出其中一些
      2. :first
      3. :last
      4. :eq(index)
      5. :not(selector)
      6.  :lt 
      7. :gt
      8. :odd
      9. :even
      10. :hedden
      11. visible
      12. [attrName]
      13. [attrName=value]
   4. 表单
      1. :input
      2. :text
      3. :checkbox
      4. radio
      5. :checked:选中的
3. 属性

备注：document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。