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~")选择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属性的div元素
$("input").attr("checked",true) 查找所有name属性石news的input元素
$("input".attr("checked",true)查找所有name属性不是news的input元素
$("input")匹配给定的属性是以某些值开始的元素
$("input") 匹配给定的属性是以某些值结尾的元素
$("input") 同时满足多个条件时使用
七、子元素过滤器
$("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结尾的
$("div") 查找所有含有id属性的div元素
$("div") 查找id为aja的div元素
$("div")查找id不为aja的div元素
$("div[id^='aja'") 查找id以aja开通的div元素
$("div*='aja'")查找id含aja的div元素
$("div") 查找存在id属性且类为aja的div元素
$("li:has(a)") 包含超链接的所有li标记
管理选择
$("checkbox").size() 获得元素的个数
$("checkbox.get(index)") 提取元素
$("checkbox.index() 取出当前的索引
$("img").add("img")添加元素
$("div").not(".greenn,#bluee")
$("li.not("img")")not("不能不含特定的元素")
页:
[1]