查漏补缺——jQuery选择器

查漏补缺

在今日程的实训开发过程中，在项目中遇到了一些很简单，却被忽视掉的问题。在项目中的页面js代码中，一直取不到某个组件的值。然后一直在控制器，业务逻辑层寻找bug，忽视了在页面中取值这么简单却根源的问题。遂写下来已警示，进而复习一下jQuery的选择器。

---

1.基本选择器

id选择器 用法：$("#") 选择指定id的组件，要加#

类选择器 用法：$(".")选择指定类名的组件，要加.

标签选择器 用法：$("标签名")选择指定标签组件，会选中所有的这类标签组件

通配符全选 用法：$("*")选择所有的组件

组选择器 用法：$("组件1，组件2，组件3")选择多个组件，中间用逗号隔开。例如：$("input，#six")表示选中所有的input标签和id名为six的标签

2.层次选择器

暂时没用过

3.过滤选择器

：first或first() 获取第一个元素

：last或last() 获取最后一个元素

：not(selector) 获取除括号中的元素的剩余元素

：even 获取索引为偶数的元素，索引从0开始

：odd 获取索引为奇数的元素，索引从0开始

：eq(index) 获取指定索引的元素

：gt(index) 获取比指定索引的索引值大的元素

：lt(index) 获取比指定索引的索引值小的元素

：header 获取标题类元素，例如：h1 h2...

：animated 获取正在执行动画的元素

 

：contains(text) 获取包涵指定文本的元素

：empty 获取所有不包含子元素或者文本为空的元素

：parent 获取所有含有子元素或者文本含有内容的元素

：has(selector) 获取含有选择器所匹配到的元素的元素

 

：hidden 获取所有不可见的元素或者type为hidden的元素

：visible 获取所有可见元素

 

[attribute] 获取包涵给定属性的元素

[attribute=value] 获取给定属性等于某个特定值的元素

[attribute!=value]获取给定属性不等于某个特定值的元素

[attribute^=value] 获取给定属性的值以特定值开头的元素

[attribute$=value] 获取给定属性的值以特定值结束的元素

[attribute*=value]获取给定属性的值含有特定值的元素

[selector1][selector2][selectorN] 获取满足多个条件的复核属性的元素

 

4.表单选择器

：input 获取所有的input、textarea、select

：text 获取所有单行文本框

：password 获取所有密码框

：radio 获取所有单选按钮

：checkbox 获取所有复选框

：submit 获取所有提交按钮

：image 获取所有图像域

：reset 获取所有重置按钮

：button 获取所有按钮

：file 获取所有文件域