关于JQ的一些知识

1. jQuery简介
     ``* jQuery是兼容多浏览器的，轻量级的javaScript库，只有100K左右。JQuery顾名思义是Javascript和查询。

　　

 

 

2. jQuery的核心函数
    ``* $ = = jQuery, $()= =jQuery()
    ``* 作用
      ``1. 核心函数中加入函数：function()时，类似window.onload的作用
      ``2. 核心函数中加入选择器字符串，作用为选择器
      ``3. 核心函数中加入HTML字符串，作用为创建HTML元素节点。
      ``4. 核心函数中加入DOM对象，作用为：将DOM对象转换为jQuery对象
3. DOM对象与jQuery对象的转换问题
    ``* DOM->jQuery
      ``* $(DOM对象)
    ``* jQuery->DOM  把JQ看成数组或者集合
      ``* $div[0]
      ``* $div.get(0)

 

 

4. 选择器
    ``* 基本选择器
      ``标签选择器：$("p")
      ``类选择器:$(".class名")
      ``ID选择器$("#id名")
      ``全局选择器：$("*")
      ``并集选择器：$("#id名,.class名，p")

 

 

    ``* 层次选择器
      ``后代选择器：$("E F")
      ``子代选择器：$("E>F")
      ``相邻选择器：$("E+F")
      ``同辈选择器：$("E~F")

 

 

    ``* 过滤选择器
      ``* 基本过滤选择器
        ``$(":first")获取第一个元素
        ``$(":last")获取最后个元素
        ``$(":eq()")匹配一个给定索引值的元素
        ``$(":gt()")匹配所有大于给定索引值的元素
        ``$(":lt()")匹配所有小于给定索引值的元素
        ``$(":not()")去除所有与给定选择器匹配的元素
        ``$(":odd")匹配所有索引值为偶数的元素，从 0 开始计数
        ``$(":even")匹配所有索引值为奇数的元素，从 0 开始计数
        ``$(":header")匹配如 h1, h2, h3之类的标题元素
        ``$(":animated")匹配所有正在执行动画效果的元素
        ``$(":focus")匹配当前获取焦点的元素。
      ``* 内容过滤选择器
        ``$(":parent")匹配含有子元素或者文本的元素
        ``$(":empty")匹配所有不包含子元素或者文本的空元素
      ``* 可见性过滤选择器
        ``$(":hidden")匹配所有不可见元素，或者type为hidden的元素
        ``$(":visible")匹配所有的可见元素
      ``* 属性过滤选择器
        ``$("[属性名]")
        ``$("[属性名!^$*=属性值][属性2]")
      ``* 子元素过滤选择器
        ``$("：first-child")

 

 

      ``* 表单过滤选择器
        ``$(":input")
        ``$(":text|password|radio|checkbox|reset|submit|button|file|hidden")
      ``* 表单对象属性过滤选择器
        ``$(":enabled")
        ``$(":disabled")
        ``$(":checked")
        ``$(":selected")匹配所有选中的option元素