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 相关文章推荐
JavaScript CSS修改学习第五章 给“上传”添加样式
Feb 19 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
javascript数据类型示例分享
Jan 19 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
javascript canvas API内容整理
Feb 16 Javascript
vue解决跨域问题(推荐)
Nov 10 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
用PHP实现WEB动态网页静态
2006/10/09 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
PHP时间函数使用详解
2019/03/21 PHP
jQuery技巧总结
2011/01/01 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
Javascript使用function创建类的两种方法(推荐)
2016/11/19 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
Python判断Abundant Number的方法
2015/06/15 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
中职应届生会计求职信
2013/10/23 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
公司年会策划方案
2014/05/17 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
小学生家长意见
2015/06/03 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
MYSQL如何查看进程和kill进程
2022/03/13 MySQL
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫