Web-jquery

JQ：
    写的更少，做的更多

  功能：
        访问和操作DOM元素
        控制页面样式
        对页面事件进行处理
        扩展新的jQuery插件
        与Ajax技术完美结合

  优点：
        体积小，压缩后只有100KB左右
        强大的选择器
        出色的DOM封装
        可靠的事件处理机制
        出色的浏览器兼容性
        使用隐式迭代简化编程
        丰富的插件支持

    通过$(选择器)获取到的页面元素，是一个jq对象，不是一个DOM对象，
    这个对象只能使用JQ中的方法，而无法使用DOM操作方法

    在每次书写JQ代码时 都要加上一句话
    $(function(){
        书写我们所有的JQ代码
        优点：避免了全局变量的污染，里面的代码会等到所有的DOM元素加载完后才会执行，避免出现出错误
    })



  JQ中的选择器：
        基本选择器：
            ID  #IDName
            类  .className
            标签  tagName
            通配符  *
            并集 h1,div,.box1,#box
        层级选择器：
            后代  ul li
            直接子元素   ul>li
            相邻兄弟 div+p
            兄弟  div~p
        基本筛选器：
            :first 表示获取第一个元素，只能获取唯一的一个元素
            :last 表示获取最后一个元素，只能获取唯一的一个元素
            :eq(1) 表示获取下标为1的元素，只能获取唯一的一个元素
            :not(选择器) 表示获取除了括号中选择器选中的元素以外的元素
            :even 表示获取下标是偶数项的所有元素
            :odd  表示获取下标是奇数项的所有元素
            :gt(index) 表示获取下标大于index的所有元素
            :lt(index) 表示获取下标小于index的所有元素
            :header 表示获取所有的标题标签 也就是h1 -- h6
            :focus 表示获取所有有焦点的标签 唯一一个
            :has(选择器) 表示匹配含有选择器所匹配的元素的元素
                .box:has(p) 选择后代中含有p标签的并且类名是.box的元素
            :input 获取所有的表单元素

        以下都是获取input中type类型值的标签
            :text 获取input输入框中type属性值是text的所有标签
            :password
            :radio
            :checkbox
            :submit
            :image
            :reset
            :button  还可以获取button标签
            :file