（JQuery学习笔记）我对jQuery选择器的总结-创新互联

jquery选择器与css选择器的风格类似，但是jquery涉及到的功能更为强大，利用jquery选择器，可以很快的找出特定的DOM元素，并且对其进行操作，无需担心浏览器是否支持这一选择器。

站在用户的角度思考问题，与客户深入沟通，找到站前网站设计与站前网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广、域名注册、雅安服务器托管、企业邮箱。业务覆盖站前地区。

    根据选择器行为特点划分，jquery选择器主要有以下几种分类：

    （1）基本选择器

    （2）层次选择器

    （3）过滤选择器

    （4）表单选择器

1.基本选择器

  特点：最常用、最简单。

选择器	描述	返回	示例
＃id（id选择器）	根据给定的id匹配一个元素	单个元素	$("#test")选择id为test的元素
.class（类选择器）	根据给定的class名称匹配多个元素	集合元素	$(".test")选择类名为test的所有元素
element（元素选择器）	根据给定的元素名匹配多个元素	集合元素	$("div")选择所有 元素
＊（全部选择器）	匹配所有元素	集合元素	$("*")选择所有元素
sele1,sele2,seleN有效选择器	将每一个选择器匹配到的元素合并后一起返回	集合元素	$("div,p.test")选择所有的 和拥有class为test的 元素合并的集合

    注：在网页中，每个id名称只能使用一次，class名称可重复使用。

2.层次选择器

    特点：利用DOM元素间的层次关系。

选择器	描述	返回	示例
$("a b") 后代选择器	选择a元素中所有的b（后代）元素	集合元素	$("div span")选择 后代元素中的所有的元素
$("parent>child") 子选择器	选择parent元素下的child（子）元素。	集合元素	$("div>span")选择 下的所有子元素
$("prev+next")相邻同辈元素选择器	选择紧接在prev元素后的next元素	单个元素	$(".test+p")选择紧接在class为test的元素后的第一个 同辈元素
$("prev~siblings")一般同辈元素选择器	选择器prev元素后的所有同辈元素	集合元素	$("#test~div")选择id为test的元素后面的所有 同辈元素

    注：

    （1）子选择器与后代选择器的区别：后代选择器包括孙元素。

如代码所示，当我们使用$("div span")后代元素选择器时，可以匹配到