首页 > 代码库 > 三、jQuery选择器

三、jQuery选择器

注意:

jQuery获取的永远是对象,即使网页上没有此元素

不能这样判断 if($(‘#tt‘)){}

应根据元素长度来判断 if($(‘#tt‘).length > 0){}

或转化成DOM来判断 if($(‘#tt‘)[0]){}


一、基本选择器

基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id,class,和标签名等来查找DOM元素。

wKiom1Ov4wzTaKNhAAFZs1AjZjo953.jpg


二、层次选择器


wKiom1Ov4w2S_bG6AAIV7RB4Ft0451.jpg



三、过滤选择器

1、基本过滤选择器

wKioL1Ov4t-hvwF3AAVOHFdzM0Q176.jpg



2、内容过滤选择器


wKiom1Ov4w7zb9SnAAFRsJuhpJU468.jpg



3、可见性过滤选择器

wKioL1Ov4t-QoOrHAADvVrvLYmk979.jpg


4、属性过滤选择器

wKioL1Ov4uDCpR4PAAJfIf-62Rg750.jpg


5、子元素过滤选择器

wKioL1Ov5OixLbAtAAYHRKxF9zk126.jpg


 6、表单对象属性过滤选择器

wKiom1Ov4w7QK8CbAAFSR7MfyhY311.jpg


 四、表单选择器

wKioL1Ov4t-A_KQpAAJapdcODaU844.jpg

 


五、注意  特殊符号处理

 <div id="id#b">bb</div>

 <div id="id[1]">cc</div>


$(‘#id#b‘)

$(‘#id[1]‘) 不能获取

要转义

$(‘#id\\#b‘)

$(‘#id\\[1\\]‘)