苏飞论坛广告位

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

分布式系统框架(V1.3) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程 - 订阅更新

HttpHelper万能框架(V2.2) HttpHelper官方出品,无敌框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V1.9) 最牛的爬虫类,没有爬不到只有想不到 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 419|回复: 4

[Jquery] jQuery选择器-可见性学习详解

[复制链接]
  • TA的每日心情
    奋斗
    2018-7-31 09:25
  • 签到天数: 176 天

    [LV.7]常住居民III

    发表于 2018-3-7 21:03:30 | 显示全部楼层 |阅读模式
    在页面上通常都会有很多隐藏的内容,批量找到隐藏的元素,并对其进行操作,此时主要使用的就是选择器中的可见性选择器主要有如下两个:
    1.  :hidden   匹配所有不可见元素,或者type为hidden的元素
    2. :visible   匹配所有的可见元素


    以下是具体的操作方法,会根据实例进行具体的剖析,具体如下:
    1. :hidden
    具体实例如下
    html代码
    [HTML] 纯文本查看 复制代码
    <table>
      <tr style="display:none"><td>Value 1</td></tr>
      <tr><td>Value 2</td></tr>
    </table>


    jQuery代码
    [JavaScript] 纯文本查看 复制代码
    $("tr:hidden")


    结果返回
    [HTML] 纯文本查看 复制代码
    [ <tr style="display:none"><td>Value 1</td></tr> ]


    此例子中,主要是获取所有的隐藏的tr元素

    获取所有的type = ‘hidden’的元素:

          点击查看详解


    2. :visible
           点击查看详解



  • TA的每日心情
    奋斗
    2018-7-31 09:25
  • 签到天数: 176 天

    [LV.7]常住居民III

     楼主| 发表于 2018-3-7 21:03:49 | 显示全部楼层
    2. :visible


    实例详解如下



    html代码

    [HTML] 纯文本查看 复制代码
    <table>
      <tr style="display:none"><td>Value 1</td></tr>
      <tr><td>Value 2</td></tr>
    </table>



    jQuery代码
    [JavaScript] 纯文本查看 复制代码
    $("tr:visible")


    结果返回

    [HTML] 纯文本查看 复制代码
    [ <tr><td>Value 2</td></tr> ]


    以上内容可以看出,是获取所有可见的tr元素


  • TA的每日心情
    奋斗
    2018-7-31 09:25
  • 签到天数: 176 天

    [LV.7]常住居民III

     楼主| 发表于 2018-3-7 21:12:22 | 显示全部楼层
    :hidden 获取 type=‘hidden’的所有元素

    实例如下:


    html代码
    [HTML] 纯文本查看 复制代码
    <form>
      <input type="text" name="email" />
      <input type="hidden" name="id" />
    </form>


    jQuery代码
    [JavaScript] 纯文本查看 复制代码
    $("input:hidden")


    返回结果
    [JavaScript] 纯文本查看 复制代码
    [ <input type="hidden" name="id" /> ]


    以上实例中可以看到,获取了所有type=‘hidden’元素,或者也可以叫获取隐藏的input元素
  • TA的每日心情
    奋斗
    2018-7-31 09:25
  • 签到天数: 176 天

    [LV.7]常住居民III

     楼主| 发表于 2018-3-7 21:13:41 | 显示全部楼层
  • TA的每日心情
    开心
    3 天前
  • 签到天数: 594 天

    [LV.9]以坛为家II

    发表于 2018-3-7 21:15:55 | 显示全部楼层
    您需要登录后才可以回帖 登录 | 马上注册

    本版积分规则

    QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备17001017号-1 )

    GMT+8, 2018-9-24 05:29

    © 2017-2018

    快速回复 返回顶部 返回列表