jquery常用基本知识
一、基础选择器的使用
$("divId")选择id未divId的元素
$("a")选择所有<a>元素
$(".bgRed")选择所用css类未bgRed的元素
$("*")选择页面所用元素
$("#divId,a,.bgRed")同时匹配多个
二、层次选择器
$("bgReddiv")选择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']")同时满足多个条件时使用
七、子元素过滤器
$("ulli:nth-child(2)")在每个ul查找第二个li
$("ulli:first-child")在每个ul中查找第一个li
$("ulli:last-child")在每个ul中查找最后一个li
$("ulli: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")查找所有选中的复选框元素
$("selectoption: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("不能不含特定的元素")