JQuery

JavaScript查询，查询数据，DOM元素
Write Less,Do more
$(document).ready(function(){});//结构加载，但里面的资源不加载
window.onload是所有DOM都加载完之后，并且所有DOM中元素的
关联关系都设置完成之后才执行
ready 只是所有DOM元素加载完之后就执行了，哪怕关联关系没设置好

Jquery对象和JavaScript对象的互换
$(document).ready(function(){
    //得到一个JavaScript对象
    var pEle=document.getElementById("click");
    //转换为JQuery对象
    var pEleJQ=$(pEle);
    alert("DOM对象结果:"+pEle.innerHTML);
    alert("JQuery对象的结果:"+pEleJQ.html());
   //获得一个JQuery对象
    var xx=$("#click");
    alert("JQuery对象的结果:"+xx.html());
    //转换成JavaScript对象
    var xx1=xx[0];//xx.get(0);
    alert("DOM对象结果:"+xx1.innerHTML)
});

JQuery选择器
基本选择器:
#id      单个元素
.class
element
通配符
**********
层次选择器
$("")
ancestor  descendant 选择所有后代元素
parent>child    仅选择子元素
prev+next 前后元素选择紧接在prev元素后的next 元素
prev ~siblings 选择在prev元素后的所有sibling元素

过滤器
：header 选取所有标题元素
:animated   选择所有正在做动画的元素
:first  选择第一个元素
:last   选择最后一个元素
:not(selector) 去除所有与给定选择器不匹配的元素
:even :odd  索引偶数或奇数，下标0开始
:eq(index) 选取下标为index 的元素 单个元素
:gt(index) 选取下标大于index得元素
:it(index) 选取下标小于index得元素
内容过滤：
:contains(text)  选择含有文本内容text的元素
:empty   选择空元素
:has(selector) 选取含有选择器所匹配元素的元素
:parent  选取含有子元素或文本的元素
 可见性过滤
:hidden   选取所有隐藏的元素
visible    选取所有可见的元素
   属性过滤
[attr]    选取含有属性是attr的元素
[attr=val]    选取含有属性是attr=val的元素
attr!=val]    选取含有属性是attr不等于val的元素
attr^=val]    选取含有属性是attr以val开头的元素
attr$=val]    选取含有属性是attr以val结尾的元素
attr*=val]    选取含有属性是attr含有val的元素
[attr1]|[attr2][attr3]  满足多个条件 条件是与，都要满足才会被选择子

元素过滤
:first-child  选取每个父元素中的第一个子元素
: last-child   选取每个父元素中的最后一个子元素
:only-child   如果某个元素是它它父元素中唯一的子元素
那它就会被匹配，如果父元素中还含其他元素，则会不匹配。
:nth-child(index) 选取每个父元素下的第index个元素
             :eq(x) 只匹配一个 从0开始；:nth-child(x) 从1开始给每个父元素

配子元素



表单选择器
:input     所有表单控件
:text        所有文本框
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file          文本上传域
:hidden    选取所有不可见元素，包含隐藏域，同过滤选择器
 表单过滤
:enabled   选取所有可用
:disabled   选取