越来越少人用JQuery，但你就不学了吗？（2）

如需要跟多资料请点击下方图片⬇（扫码加好友→备注66）

Jquery选择器

​ 和使用js操作Dom一样，获取文档中的节点对象是很频繁的一个操作，在jQuery中提供了简便的方式供我们查找|定位元素，称为jQuery选择器，选择器可以说是最考验一个人 jQuery 功力的地方，通俗的讲, Selector 选择器就是"一个表示特殊语意的字符串"。 只要把选择器字符串传入上面的方法中就能够选择不同的Dom 对象并且以 jQuery 包装集的形式返回。

​ jQuery 选择器按照功能主要分为"选择"和"过滤"。 并且是配合使用的，具体分类如下。基础选择器掌握即可 ,其他用到再查阅。

基础选择器

选择器	名称	举例
id选择器	#id	$("#testDiv")选择id为testDiv的元素
元素名称选择器	element	$("div")选择所有div元素
类选择器	.class	$(".blue")选择所有class=blue的元素
选择所有元素	*	$("*")选择页面所有元素
组合选择器	selector1,selector2,selectorN	$("#testDiv,span,.blue")同时选中多个选择器匹配的元素

    
id选择器1span中的内容
    
元素选择器
    样式选择器

层次选择器

选择器	名称	举例
后代选择器	ancestor descendant	$("#parent div")选择id为parent的元素的所有div元素
子代选择器	parent > child	$("#parent>div")选择id为parent的直接div子元素
相邻选择器	prev + next	$(".blue + img")选择css类为blue的下一个img元素
同辈选择器	prev ~ sibling	$(".blue ~ img")选择css类为blue的之后的img元素

    
        
        
        
        
    
    
        
层次择器
            
父选择器
                
子选择器
                
                
            
    
            

                选择器2
选择器2中的div
            
        
    
    

表单选择器

Forms	名称	举例
表单选择器	:input	查找所有的input元素：$(":input")； 注意：会匹配所有的input、textarea、select和button元素。
文本框选择器	:text	查找所有文本框：$(":text")
密码框选择器	:password	查找所有密码框：$(":password")
单选按钮选择器	:radio	查找所有单选按钮：$(":radio")
复选框选择器	:checkbox	查找所有复选框：$(":checkbox")
提交按钮选择器	:submit	查找所有提交按钮：$(":submit")
图像域选择器	:image	查找所有图像域：$(":image")
重置按钮选择器	:reset	查找所有重置按钮：$(":reset")
按钮选择器	:button	查找所有按钮：$(":button")
文件域选择器	:file	查找所有文件域：$(":file")

    
        
        
        
    
    
        
        
            
            姓名:

            密码:

            年龄:小屁孩
                 你懂得  
 
            爱好:篮球
                 爬床
                 代码

            来自:
                    请选择
                    北京
                    上海
                

            简介:

            头像:

            
            提交
            重置        
            
        
    

文章持续更新，可以微信搜索「 云璈公子 」阅读，回复【资料】【面试】【简历】有我准备的一线大厂面试资料和简历模板，同时我的GitHub https://github.com/1170300826... 有互联网一线大厂面试指南。