JQuery 选择器
基本选择器
js
$('#box')// id 选择
$('.aa')// 类名选择
$('li')// 标签选择
层级选择器
js
$('ul li') // 后代 li
$('ul>li') // 子代的 li
$('#li1+li')// #li1 的下一个兄弟 li
$('#li1~li')// #li1 的所有的弟弟 li
基本过滤选择器
js
$('li:first')// 获取第一个元素
$('li:last')// 获取最后一个元素
$('li:not(#li1)')// 排除
$('li:odd')// 选择索引奇数---显示的偶数行
$('li:even')// 选择索引偶数---显示奇数行
$('li:eq(3)')// 等于索引
$('li:gt(3)')// 大于索引
$('li:lt(3)')// 小于索引
// 选取索引为 n 的 li
$('li:eq(' + n + ')')
$('li').eq(n)
属性过滤选择器
js
$('li[name]')// 带有 name 属性的 li
$('li[name=lucy]')// name 属性值为 lucy 的 li
$('li[name!=joy]')// name 属性不为 joy 的 li
$('li[name=o]')// name 属性值包含 o 的 li
$('li[name^=j]')// name 属性的值以 j 开头的
$('li[name$=y]')// name 属性的值以 y 结尾的
表单选择器
js
$('input')// 标签 input
$(':input')// 不论标签名 只要是表单元素 都选取
$(':text')
$(':password')
$(':radio')
$(':checkbox')
$(':file')
$(':submit')
$(':button')