jQuery过滤选择器经典应用


Posted in Javascript onAugust 18, 2016

本文实例为大家分享了经典的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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
Dec 08 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
js判断元素是否隐藏的方法
Jun 09 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
JavaScript实现Base64编码转换
Apr 23 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
jQuery表单事件实例代码分享
Aug 18 #Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 #Javascript
AngularJS 执行流程详细介绍
Aug 18 #Javascript
AngularJS国际化详解及示例代码
Aug 18 #Javascript
ECMAScript6轮播图实践知识总结
Aug 17 #Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 #Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 #Javascript
You might like
第一个无线电台是由谁发明的
2021/03/01 无线电
PHP开发框架总结收藏
2008/04/24 PHP
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
php实现微信支付之企业付款
2018/05/30 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
另一个javascript小测验(代码集合)
2011/07/27 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
JavaScript登录验证码的实现
2016/10/27 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
angularjs实现猜大小功能
2017/10/23 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
Python表示矩阵的方法分析
2017/05/26 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
校园环保广播稿(3篇)
2014/09/15 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
企业宣传语大全
2015/07/13 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书