脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery过滤选择器

jQuery过滤选择器经典应用

 更新时间：2016年08月18日 10:24:12   作者：chen12370  
这篇文章主要为大家详细介绍了jQuery过滤选择器经典应用，具有一定的实用性，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>过滤选择器</title>
  <style type="text/css">
    #txt_show {display:none; color:#00C;}
    #txt_hide {display:block; color:#F30;}
  </style>
 
  <script src="js/jquery-1.8.3.js"></script>
  <script language="JavaScript">
    $(document).ready(function () {
      $("[name=show]").click(function () {
        $("p:hidden").show();
      }) ;
      $("[name=hide]").click(function () {
        $("p:visible").hide() ;
      });
    });
 
  </script>
 
</head>
<body>
<p id="txt_hide">点击按钮，我会被隐藏哦~</p>
<p id="txt_show">隐藏的我，被显示了，嘿嘿^^</p>
<input name="show" type="button" value="点击显示文字" />
<input name="hide" type="button" value="点击隐藏文字" />
 
</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • jQuery实现ajax回调函数带入参数的方法示例

    jQuery实现ajax回调函数带入参数的方法示例

    这篇文章主要介绍了jQuery实现ajax回调函数带入参数的方法,结合实例形式对比分析了jQuery实现ajax回调函数不带入参数与带入参数的具体实现技巧,需要的朋友可以参考下
    2018-06-06
  • jQuery each和js forEach用法比较

    jQuery each和js forEach用法比较

    这篇文章主要介绍了jQuery each和js forEach用法,结合实例形式对比分析了jQuery each和js forEach具体使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-02-02
  • 基于jQuery的弹出警告对话框美化插件(警告，确认和提示)

    基于jQuery的弹出警告对话框美化插件(警告，确认和提示)

    jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻译)
    2010-06-06
  • jquery ajax双击div可直接修改div中的内容

    jquery ajax双击div可直接修改div中的内容

    这篇文章主要介绍了jquery ajax双击div直接修改div中内容的相关方法，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】

    jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件HighCharts绘制简单2D折线图效果,结合完整实例形式分析了jQuery使用HighCharts插件绘制折线图的实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery中after()方法用法实例

    jQuery中after()方法用法实例

    这篇文章主要介绍了jQuery中after()方法用法,以实例形式较为详细的分析了after()方法的功能、特性与使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery树形下拉菜单特效代码分享

    jQuery树形下拉菜单特效代码分享

    这篇文章主要介绍了jQuery实现幻树形下拉菜单特效，代码简单，非常具有实用价值，需要的朋友可以参考下
    2015-08-08
  • jquery实现textarea 高度自适应

    jquery实现textarea 高度自适应

    用jquery实现的textarea 高度自适应代码。这个动画效果比较流畅。适合新手学习。非常简单实用，这里推荐给小伙伴们。
    2015-03-03
  • jquery $.each()使用探讨

    jquery $.each()使用探讨

    想必大家对jquery $.each()并不陌生吧，使用它可以进行元素的遍历，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-09-09
  • jquery 弹出层实现代码

    jquery 弹出层实现代码

    在项目中遇到一个问题，本来以为是使用dropdownlist的效果的，仔细一看，其实是在点击文本框以后，在其正下方弹出一个层，里边有多个选项进行选择。很像jQuery.datepicker 的效果。
    2009-10-10

最新评论