最近工作新项目开坑,页面部分jquery使用的比较多,翻书看看,也是顺便整理一下jquery相关使用的知识。
常用的jQuery选择器:
选择器 | 实例 | 选取 |
---|---|---|
* | $("*") | 选取所有元素 |
#id | $("#id") | id="id"的元素 |
.class | $(".intro") | 所有class="intro"的元素 |
element | $("p") | 所有p元素 |
.class.class | $(".class1.class2") | 所有class="class1"且class="class2"的元素 |
:first | $("p:first") | 选取第一个P元素 |
:last | $("p:last") | 选取最后一个P元素 |
:even | $("p:even") | 所有偶数的P元素 |
:odd | $("p:odd") | 所有奇数的P元素 |
:eq(index) | $("ul li:eq(0)") | 列出第一个li元素(从0开始计数) |
:gt(no) | $("ul li:gt(3)") | 列出index大于3的元素 |
:lt(no) | $("ul li:lt(3)") | 列出index小于3的元素 |
:not(selector) | $("input:not(:empty)") | 所有部位空的input元素 |
:header | $(":header") | 所有标题的元素h1-h6 |
:animated | $(":animated") | 所有动画元素 |
:contains(text) | $(":contains("test")") | 包含指定字符串的所有元素 |
:empty | $(":empty") | 没有子元素节点的所有元素 |
:hidden | $("p:hidden") | 所有隐藏的P元素 |
:visible | $("table:visible") | 所有可见的表格 |
s1,s2,s3 | $("th,td,.test") | 所有带有匹配选择的元素 |
[attribute] | $("[href]") | 所有带有href属性的元素 |
[attribute=value] | $("[name=test]") | 所有name属性等于"test"的元素 |
[attribute!=value] | $("[href!='#']") | 所有href属性的值不等于"#"的元素(在""中要加上'') |
[attribute$=value] | $("[href$='.jpg']") | 所有href属性的值包含以".jpg"结尾的元素 |
:input | $(":input") | 所有input元素 |
:text | $(":text") | 所有type="text"的input元素 |
:password | $(":password") | 所有type="password"的input元素 |
:radio | $(":radio") | 所有type="radio"的input元素 |
:checkbox | $(":checkbox") | 所有type="checkbox"的input元素 |
:submit | $(":submit") | 所有type="submit"的input元素 |
:reset | $(":reset") | 所有type="reset"的input元素 |
:button | $(":button") | 所有type="button"的input元素 |
:image | $(":image") | 所有type="image"的input元素 |
:file | $(":file") | 所有type="file"的input元素 |
:enabled | $(":enabled") | 所有激活的input元素 |
:disabled | $(":disabled") | 所有禁用的input元素 |
:selected | $(":selected") | 所有被选取的input元素 |
:checked | $(":checked") | 所有被选中的input元素 |
如果使用$(":input")来选择input元素,button元素也会被选中
<button>标签定义的是一个按钮,在button元素中可以放置文本与图像
<button>与<input type="button">相比功能更为强大一些
在IE浏览器中默认类型为"button",而在其他的浏览器中默认类型为"submit"