jquery选择器可以快速地选择元素,选择规则和css样式相同。
使用length属性判断是否选择成功。
jQuery的选择器有以下这些:
选择器种类
$('document'); //选择整个文档
$('li'); //标签选择器
$('#id'); //id选择器
$('.class'); //类选择器
$('div[id=div_01]'); //属性选择器
$('#div_01 div'); //后代选择器
$('.ul_01>li'); //子代选择器
选择器的过滤方式即伪类选择器
$('#div li:first'); //选择div中的li的第一行元素
$('#div div:odd'); //选择div中的奇数行元素
$('#div li:even'); //选择div中的偶数行元素
$('#div div:eq(1)'); //根据索引选择div中的元素
$('#div li:gt(1)'); //选择div中的li的索引之后的元素
$('#div li:lt(3)'); //选择div中的li的索引之前的元素
$('myForm:input'); //选择表单中的input元素
$('div:visible'); //选择可见的 div 元素
筛选选择器
$('div').prev('p'); //选择 div 元素前面的第一个 p 元素
$('div').next('p'); //选择 div 元素后面的第一个 p 元素
$('div').closest('form'); //选择离 div 最近的那个 form 父元素
$('div').parent(); //选择 div 的父元素
$('div').children(); //选择 div 的所有子元素
$('div').siblings(); //选择 div 的同级元素
$('div').find('.myClass'); //选择 div 内的 class 等于 myClass 的元素
$('div').nextAll(); //选择div的下一个元素后的所有元素
表单选择器
$('#div').val(); //获取/设置表单元素值
$('input : text').val(); //表单选择器
遍历
$.each(循环的元素(数组),function(){})