【JQuery】选择器

一、前言

       上一章学习完了Js的一些基本内容，本章开始学习JQuery语法。JQuery的基础语法是：

$(selector).action()

 那么重要的两个元素，一个是选择器，另一个是行为！本章开始学习JQuery的选择器。

 

二、内容

$("*")                —— 所有元素
$("#id")              —— id="id"元素
$(".class")           —— 所有class="class"的元素
$("element")          —— 所有<element>元素
$(".class1 .class2")  —— 所有class=".class1 .class2"的元素


$("element:first")    —— 第一个<element>元素
$("element:last")     —— 最后一个<element>元素
$("element:even")     —— 所有偶数<element>元素
$("element:odd")      —— 所有奇数<element>元素


$("element:eq(index)") —— element的第index个元素
$("element:gt(num)")   —— 列出index > num的元素
$("element:lt(num)")   —— 列出index < num的元素
$("element:not(selector)")  —— 所有不为selector的元素


$(":header")   —— 所有标题元素
$(":animated") ——  所有动画元素


$("element:contains("text")")  —— 包含指定字符串的<element>元素
$(":empty")  ——  无子节点的所有元素
$("element:hidden")  —— 所有隐藏的<element>元素
$("element:visible") —— 所有可见的<element>元素


$("element1,element2,.class")  —— 匹配相应元素


$("[attribute]")         ——  所有带有attribute属性的元素
$("[attribute=value]")   ——  所有带有attribute属性等于value的元素
$("[attribute!=value]")  ——  所有带有attribute属性不等于value的元素
$("[attribute$=value]")  ——  所有带有attribute属性以value结尾的元素


$(":input")      ——  所有<input>元素
$(":text")       ——  所有type="text"的<input>元素
$(":password")   ——  所有type="password"的<input>元素
$(":radio")      ——  所有type="radio"的<input>元素
$(":checkbox")   ——  所有type="checkbox"的<input>元素
$(":submit")     ——  所有type="submit"的<input>元素
$(":reset")      ——  所有type="reset"的<input>元素
$(":button")     ——  所有type="button"的<input>元素
$(":image")      ——  所有type="image"的<input>元素
$(":file")       ——  所有type="file"的<input>元素


$(":enable")     ——  所有激活的<input>元素
$(":disable")    ——  所有禁用的<input>元素
$(":selected")   ——  所有被选取的<input>元素
$(":checked")    ——  所有被选中的<input>元素