zoukankan      html  css  js  c++  java
  • Jq_选择器、效果函数

    JQuery 选择器

    选择器                     实例                                   选取                                  

    *                             $("*")                                 所有元素

    #id                          $("#lastname")                     id="lastname" 的元素

    .class                      $(".intro")                           所有 class="intro" 的元素

    element                  $("p")                                 所有 <p> 元素

    .class.class             $(".intro.demo")                  所有 class="intro" 且 class="demo" 的元素

    :first                        $("p:first")                          第一个 <p> 元素

    :last                       $("p:last")                           最后一个 <p> 元素

    :even                     $("tr:even")                         所有偶数 <tr> 元素

    :odd                      $("tr:odd")                          所有奇数 <tr> 元素

    :eq(index)              $("ul li:eq(3)")                            列表中的第四个元素(index 从 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                                                             所有动画元素

    :contains(text)        $(":contains('W3School')")    包含指定字符串的所有元素

    :empty                  $(":empty")                         无子(元素)节点的所有元素

    :hidden                  $("p:hidden")                       所有隐藏的 <p> 元素

    :visible                  $("table:visible")                  所有可见的表格

    s1,s2,s3                 $("th,td,.intro")                    所有带有匹配选择的元素

    [attribute]                     $("[href]")                           所有带有 href 属性的元素

    [attribute=value]    $("[href='#']")                      所有 href 属性的值等于 "#" 的元素

    [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 元素

    JQuery效果函数

    方法                     描述

    animate()               对被选元素应用“自定义”的动画

    clearQueue()          对被选元素移除所有排队的函数(仍未运行的)

    delay()                  对被选元素的所有排队函数(仍未运行)设置延迟

    dequeue()                     运行被选元素的下一个排队函数

    fadeIn()                 淡入被选元素至完全不透明

    fadeOut()                     淡出被选元素至完全不透明

    fadeTo()                把被选元素减弱至给定的不透明度

    hide()                    隐藏被选的元素

    queue()                 显示被选元素的排队函数

    show()                  显示被选的元素

    slideDown()           通过调整高度来滑动显示被选元素

    slideToggle()          对被选元素进行滑动隐藏和滑动显示的切换

    slideUp()               通过调整高度来滑动隐藏被选元素

    stop()                    停止在被选元素上运行动画

    toggle()                 对被选元素进行隐藏和显示的切换

  • 相关阅读:
    海量数据框架变迁——阿里巴巴上市背后的技术力量
    redis集群配置
    【等待优化】sql server CXPACKET 等待 导致 CPU飙高、CPU100%
    (4.39)sql server如何配置分布式事务(MSDTC)
    mysql断电,mysql ibdata 文件损坏(批量利用mysql表空间导入导出)
    mysqlfrm使用
    (1.1)zabbix 基础概念及工作原理整理【转】
    (5.17)mysql集群技术概述(LVS、Keepalived、HAproxy)
    事务日志备份失败错误:Backup detected log corruption in database
    sql server事务日志解析工具(开源,类似apexsql log)
  • 原文地址:https://www.cnblogs.com/ingstyle/p/4076096.html
Copyright © 2011-2022 走看看