jquery选择器_jquery #id >

        window.onload和$(document).ready(function(){})的区别：前者必须等待页面所有内容（包括图片）加载完才能执行，不能同时执行多个，执行最后一个，没有简化写法。后者是网页中dom结构加载完执行，可能dom元素关联的东西没有加载完，能够同时执行多个，有简化写法$(function(){})

       一般jquery对象变量前面加$,dom对象不加。它们之间可以相互转换。

var $abc = $("#abc");//jquery对象
var  a = document.getElementById("a");//dom对象
var abc = $abc[0]//dom对象
var abc = $abc.get(0);//dom对象
var $a = $("a");//jqery对象

     jquery.noConflict()函数来讲$的控制权转交给别的js库。还可以自定义标志。

jQuery.noConflict();
jQuery(function(){
jQuery("#id");
})
 
var $J = jQuery.noConflict();
$J(function(){
$J("#id");
})

jQuery.noConflict();
jQuery(functino($){
$("#id")
})

    如果jquery在其他库之前导入，就不用noConflict()函数了。

    document.getElementById("name").style.color=xxx,如果id为name的元素不存在就会报错，而jquery使用$("#name").css()不会报错。$()获取的永远是对象，要判断元素存不存在要用：

if($("name").length>0){
 
}
 
if($("name")[0]){//转换为dom对象
 
}

1.基本选择器

#id:根据id匹配一个元素。

.class：根据class匹配集合元素。

element：根据元素匹配集合元素，例如$("div")
*：匹配所以元素，$("*")

s1,s2,s3:将每一个选择器匹配到的元素合并一起返回。$("#id,div,p.name")

2.层次选择器

$("a  b")：选择a元素中所有b元素。

$("a > b")：选择a元素下的b子元素。

$("a+b")：选择a元素后紧跟着的b元素。

$("a~b")：选择a元素后面所有同辈b元素。

3过滤选择器

3.1基本过滤选择器

:first：选择第一个元素。

:last：选取最后一个元素。

:not(条件)：去除所有not里面匹配的元素。$("div:not(.name)")选择所有div，class没有name的元素。

:even：选择所有偶数，索引从0开始。

:odd：选择所有奇数,索引从0开始。

:gt(index)：选择所有大于index的元素，索引从0开始

:eq(index)：选择等于index的元素，索引从0开始

:header：选择所有标题元素。例如h1,h2,h3

:animated：选择所有正在执行动画的元素。

:focus：选择当前获取焦点的元素。

3.2内容过滤选择器

:contains(text)：选取含有文本text的元素。例如$("div:contains('我好帅')")

:empty：选取不包含子元素或文本的空元素。

:has(xxx)：选取含有xxx匹配元素的元素。$("div:has(img)")选择div中有img元素的元素。

:parent：选择含有子元素或文本的元素。

3.3可见行过滤选择器

:hidden：选取所有不可见的元素。

:visible：选取所有可见的元素。

3.4属性过滤器

[xxx]：选择含有xx属性的元素，$('div[id]')选择div中有id属性的元素。

[key=value]：选择key属性等于value的元素。

[key!=value]：选择key属性不等于value的元素。

[key^=value]：选择key属性以value开头的元素。

[key$=value]：选择key属性以value结尾的元素。

[key*=value]：选择key属性含有value的元素。

[key|=value]：选择key属性等于value或者以value为前缀的元素。例如abc或者abc-zbc。

[key~=value]：选择key属性用空格分隔中有value的元素。例如abc abc的值

[xxx][xxx=xxx]：满足多个条件的选择器。

3.5子元素过滤选择器

:nth-child(index/even/odd)：选取父元素下第index个元素或者奇偶元素index从1开始。

:first-child：选取每一个父元素的第一个子元素。返回的是集合元素。$("ul li:first-child")

:last-child：选取每一个父元素的最后一个元素。返回的是集合元素。

:only-child：选取父元素下只有唯一一个子元素的元素，如果父元素含有其他元素，则不匹配。

:nth-child(even)//选取每一个父元素下索引值为偶数的元素
:nth-child(odd)//索引值为奇数的元素
:nth-child(2)//索引值为2
:nth-child(2n)//索引值为2的倍数
:nth-child(2n+1)//索引值为2的倍数加1

3.6表单对象属性过滤选择器

:enabled：选择所有可用元素

:disabled：选择所有不可用元素。

:checked：选择所有被选中的元素（单选框和复选框）

:selected：选择索引被选中的选项元素(下拉列表)

4表单选择器

:input：选择所有<input><textarea><select><button>元素

:text：选择所有当行文本框

:password：选取所有的密码框

:radio：选取所有的单选框

:checkbox：选取所有的多选框

:submit：选取所有的提交按钮

:reset：选取所有的重置按钮

:image：选取所有的图像按钮

:button：选取所有的按钮

:file：选取所有的上传域

:hidden：选取所有的不可见元素

<div id="id#id"/>
<div id="id[1]">
$("#id\\#id")
$("#id\\[1\\]")

$(".name :hidden")//中间加了空格表示class为name的元素里面的隐藏元素，是在name元素的子元素里面找。
$(".name:hidden")//不加空格表示class为name的隐藏元素