【JQuery】选择器

2018-02-12 11:52:05来源:cnblogs.com作者:airforce094人点击

分享

一、前言

       上一章学习完了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>元素

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台