zoukankan      html  css  js  c++  java
  • 【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>元素
  • 相关阅读:
    IOS快速集成下拉上拉刷新
    无限互联IOS电影项目视频笔记
    Unix时间戳(Unix timestamp)转换工具
    ***php(codeigniter)中如何重定向
    CodeIgniter 错误: In order to use the Session class you are required to set an encryption key
    一个Form中2个按钮,PHP后台如何判断提交的是哪一个按钮
    PHP 判断是否包含某字符串
    Linux那些事儿之我是Hub(大结局)挂起自动化【转】
    Linux USB Host-Controller的初始化代码框架分析【转】
    urb传输的代码分析【转】
  • 原文地址:https://www.cnblogs.com/lovecsharp094/p/8443921.html
Copyright © 2011-2022 走看看