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 相关文章推荐
JS backgroundImage控制
May 19 Javascript
jQuery 使用手册(七)
Sep 23 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
element-ui 设置菜单栏展开的方法
Aug 22 Javascript
ES6扩展运算符和rest运算符用法实例分析
May 23 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
PHP数组相关函数汇总
2015/03/24 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
JavaScript 节流函数 Throttle 详解
2016/07/04 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
Python生成pdf文件的方法
2014/08/04 Python
在Docker上开始部署Python应用的教程
2015/04/17 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
群众路线四风问题整改措施
2014/09/27 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
民主生活会意见
2015/06/05 职场文书
初中班长竞选稿
2015/11/20 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
Django显示可视化图表的实践
2021/05/10 Python