欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【JQuery】选择器

程序员文章站 2022-07-09 18:28:00
一、前言 上一章学习完了Js的一些基本内容,本章开始学习JQuery语法。JQuery的基础语法是: 那么重要的两个元素,一个是选择器,另一个是行为!本章开始学习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>元素