jQuery选择器

基本选择器

基本选择器是jQuery中使用最频繁的选择器,它由元素ID、Class、元素名、多个选择符组成(#id .class span),通过基本选择器可以实现大多数页面元素的查找

层次选择器

层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素


选择器                                                      功能描述

ancestor descendant                               根据祖先元素匹配所有的后代元素

parent>child                                           根据父元素匹配所有的子元素

prev+next                                                匹配prev后的相邻元素

prev~siblings                                          匹配prev后面的所有兄弟元素

过滤选择器

过滤选择器根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头

内容过滤器

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位


可见性过滤选择器:

选择器根据元素是否可见的特征获取元素

寻找页面中被隐藏的元素,


属性过滤选择器

属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以“[”号开始、以“]”号结束

最后一个是复合属性选择器

子元素过滤选择器

注意::nth-child索引从1开始

表单选择器

在jQuery选择器中引入表单选择器,该选择器专为表单量身打造,通过它可以在页面中快速定位某表单对象

表单对象属性过滤选择器

表单对象属性过滤选择器通过表单中的某对象属性特征获取该类元素,如enabled、disabled、checked、selected属性

jQuery对象和DOM对象互转


DOM转换成jQuery

var username = document.getElementById("username");

var $username = jQuery(username);

jQuery转换成DOM

var $username = jQuery("#username");

var username = $username[0];  //jQuery对象是一个数组对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容