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()                 对被选元素进行隐藏和显示的切换

  • 相关阅读:
    宝宝打疫苗
    【小工具】2. 需要对测试用的数据进行MD5加密
    【小工具】1.需要对txt存放的测试数据做去重处理
    【Jenkins】定时构建语法
    【bug】记一个有趣的“bug”
    1.由于测试某个功能,需要生成500W条数据的txt,python代码如下
    开发基于vue前端框架下的系统的UI自动化,记录总结踩的坑
    使用Chrome-headless模式下,截屏不全屏的问题
    Chrome-headless 模式,没有UI界面的自动化UI测试
    【selenium】Webdriver的原理以及工作流程
  • 原文地址:https://www.cnblogs.com/ingstyle/p/4076096.html
Copyright © 2011-2022 走看看