1、jquery选择器返回的永远是一个数组对象,若未找到指定jquery元素,就会返回一个空的jquery数组对象,若判断选择的jquery对象是否存在,应使用 if($(“tr”).length>0){ })
2、如果包含特殊字符,则可以在JQUERY中使用两个反斜杠对特殊字符进行转义,eg:id=a.b -> id = a\\.b,而在JS中不用考虑此类问题
JQ | 注释 | 大类 |
$(“#id”) | 选择指定ID | 基本选择器 |
$(“div”) | 选择指定类型元素集合 | |
$(“.red”) | 选择指定类元素 | |
$(“body *”) | 选择所有元素 | |
$(“selector1,selector2,selector3″) | 选择多组元素(分别选择每个选择器选定的元素内容,然后合并返回所有元素) | |
$(“form input”) | 祖先 后代 | 层级选择器 |
$(“form>input”) | 父元素>子元素(父元素下所有匹配的子元素) | |
$(“label+input”) | PREV+NEXT(选择跟在PREV元素后面的NEXT元素) | |
$(“form~input”) | PREV~siblings(选择与PREV同级的siblings元素) | |
$(“div:nth-child(1/3n/odd”) | 匹配父元素下的第N个子或奇偶元素(从1开始) | 子元素选择 |
$(“li:first-child”) | 匹配第一个子元素 | |
$(“li:last-child”) | 匹配最后一个子元素 | |
$(“li:only-child”) | 若某元素是其唯一子元素,将会被匹配,若非,则不匹配 | |
$(“tr:first”) | 匹配第一个子元素 | 定位过滤器 |
$(“tr:last”) | 匹配最后一个元素 | |
$(“input:not(:checked)”) | 去除所有与给定选择器匹配的元素 | |
$(“tr:even”) | 匹配所有索引值为偶数的元素 | |
$(“tr:odd”) | 匹配所有索引值为奇数的元素 | |
$(“tr:eq(0)”) | 匹配一个给定的索引值的元素,从0开始计数 | |
$(“tr:gt(0)”) | 匹配所有大于给定索引值的元素,从0开始计数 | |
$(“tr:lt(1)”) | 匹配所有小于给定索引值的元素,从0开始计数 | |
&(“div:contains(‘图片’)”) | 匹配包含给定文本的元素 | 内容过滤器 |
&(“div:empty”) | 匹配所有不包含子元素或者文本的空元素 | |
$(“div:has(p)”) | 匹配含有选择器所匹配的元素的元素 | |
$(“div:parent”) | 匹配含有子元素或者文本的元素 | |
$(“p:hidden”) | 匹配所有不可见的元素,或type=hidden的元素 | 可见过滤器 |
$(“p:visible”) | 匹配所有可见的元素 | |
$(“div[id]“) | 匹配包含给定属性的元素 | 属性选择器 |
$(“input[name='text']“) | 匹配属性等于特定值的元素 | |
$(“input[name!='text']“) | 匹配属性不等于特定值的元素 | |
$(“input[name^='text']“) | 匹配给定的属性是以某些值开始的元素 | |
$(“input[name$='text']“) | 匹配给定的属性是以某些值结束的元素 | |
$(“input[name*='text']“) | 匹配给定的属性是包含某些值的元素 | |
$(“input[name='l'][id]“) | 匹配同时满足所有条件的元素 | |
$(“#test:input”).val(“”) | 匹配所有input.textarea,select,button元素 | 表单选择器 |
$(“#test:text”) | 匹配所有单行文本框 | |
$(“#test:password”) | 匹配所有密码框 | |
$(“#test:radio”) | 匹配所有单选按钮 | |
$(“#test:checkbox”) | 匹配所有复选框 | |
$(“#test:submit”) | 匹配所有提交按钮 | |
$(“#test:image”) | 匹配所有图像域 | |
$(“#test:reset”) | 匹配所有重置按钮 | |
$(“#test:button”) | 匹配所有按钮 | |
$(“#test:file”) | 匹配所有文件域 | |
$(“#test:hidden”) | 匹配所有不可见的元素,或type=hidden的元素 | |
$(“#test:enabled”) | 匹配所有可用元素 | |
$(“#test:disabled”) | 匹配所有不可用元素 | |
$(“#test:checked”) | 匹配所有选中的被选中元素(不包括select中的option) | |
$(“#test:selected”) | 匹配所有选中的option元素 |