jQuery 选择器

Posted 2020-11-27 XLLANG

$("#id", ".class")  复合选择器
$(div p span)       层级选择器 //div下的p元素中的span元素
$(div>p)            父子选择器 //div下的所有p元素
$(div+p)            相邻元素选择器 //div后面的p元素(仅一个p)
$(div~p)            兄弟选择器  //div后面的所有p元素(同级别)
$(.p:last)          类选择器 加 过滤选择器  第一个和最后一个（first / last）
$("#mytable td:odd")      层级选择 加 过滤选择器 奇偶（odd 或者 even）

$("div p:eq(2)")    索引选择器 div下的第三个p元素（索引是从0开始）
$("p:contains(test)")      // 内容过滤选择器，包含text内容的p元素

$(":empty")        //内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反
$(":hidden")       //所有隐藏元素 visible 
$(":disabled")     //所有不可用的元素

$("input:enabled") //选取所有启用的表单元素
$("input:checked") //获取所有选中的复选框单选按钮等
$("select option:selected") //获取选中的选项元素