jquery常用基本知识

一、基础选择器的使用
$("divId") 选择id未divId的元素
$("a")     选择所有<a>元素
$(".bgRed")选择所用css类未bgRed的元素
$("*")     选择页面所用元素
$("#divId,a,.bgRed")  同时匹配多个
二、层次选择器
$("bgRed div") 选择css类为bgRed的元素中的所有<div>
$(".myList>li")选择css类为myList元素中的直接子节点<li>对象
$("#hibiscus+img")选在id为hibiscus元素后面的img对象
$("#someDiv~[title]")选择id为someDiv的对象后面所有带有title属性的元素
三、基本过滤器
$("td:nth-child(1)") 表示选择所有表格行的第一个单元格
$("div:nth-child(odd)") 表示div下的一个奇数位置上的子元素
$("p:first-child")
$("p:ood")选择所有位于奇数行的<p>标记
注:ood奇数   even偶数
$("tr:first") 查找表格的第一行
$("tr:last")  查找表格的最后一行
$("p:only-child") 所有没有兄弟的元素  选择p元素是其父元素的唯一的子元素

$("input:not(:checked)")  查找所有未选中的input元素
$("tr:even")  查找表格的1、3、5、7....行
$("tr:odd")   查找表格的2、4、6、8....行
$("tr:eq(1)") 查找第二行
$("tr:gt(0)") 查找第二第三行,即索引值是1和2..,也就是比0大
$("tr:lt(2)") 查找第一第二行,即索引值是0或1,也就是比2小
$(":header").css("background","#EEE") 给页面内所有标题加上背景色
$("#run").click(function(){$("div:not(:animated)").animate({left:"+=20"},1000);})只有对不在执行动画效果的元素执行的一个动画效果
四、内容过滤器
$("div:contains('john')") 查找所有包含文本"john"的div元素
$("td:empty")查找所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test"))给所有包含p元素的div元素添加一个test类
$("td:parent") 查找所有含有子元素或者文本的td元素
五、可见性过滤器
$("tr:hidden") 查找所有不可见的tr元素
$("tr:visible")查找所有可见的tr元素
六、属性过滤器
$("div[id]") 查找所有含有id属性的div元素
$("input[name='news']").attr("checked",true) 查找所有name属性石news的input元素
$("input[name!='news']".attr("checked",true)  查找所有name属性不是news的input元素
$("input[name^='news']")匹配给定的属性是以某些值开始的元素
$("input[name$='let']") 匹配给定的属性是以某些值结尾的元素
$("input[id][name$='man']") 同时满足多个条件时使用
七、子元素过滤器
$("ul li:nth-child(2)")在每个ul查找第二个li
$("ul li:first-child") 在每个ul中查找第一个li
$("ul li:last-child") 在每个ul中查找最后一个li
$("ul li:only-child") 在ul中查找唯一子元素的li
八、表达选择器
$(":input") 查找所有的input元素
$(":selected")下拉菜单中选择的项
$(":radio")
$(":header")
$(":enabeled")
$(":animated")所有处于动画中的元素
$(":not(filter)")
$(":text") 查找所有的文本框
$(":password") 查找所有的密码框
$(":checkbox") 查找所有复选框
$(":submit") 查找所有提交按钮
$(":image")匹配所有的图像域
$(":reset") 查找所有的重置按钮
$("button")查找所有按钮(包含type=button|submit|reset)
$("file") 查找所有的文本域
$("visible") 页面中所有可见的元素

九、表单过滤器
$("input:enabled")查找所有可用的input元素
$("input:disabled")查找所有不可用的input元素
$("input:checked") 查找所有选中的复选框元素
$("select option:selected") 查找所有选中的选项元素


$("a[href$=pdf]")  表示所有超链接中href属性石pdf结尾的
$("div[id]")       查找所有含有id属性的div元素
$("div[id='aja']") 查找id为aja的div元素
$("div[id!='aja']")查找id不为aja的div元素
$("div[id^='aja'") 查找id以aja开通的div元素
$("div[id]*='aja'")查找id含aja的div元素
$("div[id][class='aja']") 查找存在id属性且类为aja的div元素
$("li:has(a)")     包含超链接的所有li标记


管理选择
$("checkbox[name=a]").size()    获得元素的个数
$("checkbox[name=a].get(index)") 提取元素
$("checkbox[name=a].index() 取出当前的索引
$("img[alt]").add("img[title]")  添加元素
$("div").not(".greenn,#bluee")
$("li[title].not("img[title*=isaac]")")  not("不能不含特定的元素")