查漏补缺
在今日程的实训开发过程中,在项目中遇到了一些很简单,却被忽视掉的问题。在项目中的页面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 获取所有文件域