php点击div隐藏div,jq 点击按钮显示div,点击页面其他任何地方隐藏div

css

.bl_rencai_32{

float: left;

height: 35px;

line-height: 35px;

}

.bl_rencai_32 >input{

width: 30px;

height: 18px;

padding: 0px 5px;

margin-top: -3px;

}

.bl_rencai_32 a{

display: none;

background-color: #FF6600;

text-align: center;

padding: 3px 8px;

color: #fff;

border-radius: 3px;

margin-left: 10px;

}

.bl_rencai_32 a:hover{

background-color: #ff552e;

}

html

-

岁

筛选

jq

/*输入年龄段 点击显示 筛选按钮 并 点击其他地方时筛选按钮隐藏*/

$('.bl_rencai_32 input').on('click',function(e){

$('.bl_rencai_32_ashow').show();

$(document).one('click',function(){

$('.bl_rencai_32_ashow').hide();

})

e.stopPropagation();/*stopPropagation();方法可以阻止把事件分派到其他节点*/

})

借鉴网址：https://blog.csdn.net/YangBingX/article/details/78644486  (他的这里面有原生JS的方法)

js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧

js实现点击按钮显示某个区域 然后点击页面中任意其他位置，隐藏该区域

$(".licat-header-list").on("click",function(e){ $(this).addClass("active&qu ...

React 点击按钮显示div与隐藏div，并给div传children

最近做了一个react的点击按钮显示与隐藏div的一个小组件: [筛选]组件FilterButton import React,{Component} from 'react'; import {re ...

点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡

点击其它地方隐藏div／事件冒泡／sweet－alert阻止冒泡

点击document时把div隐藏,但点击div时阻止点击事件冒泡到document,从而实现“点击文档其它地方隐藏div,点击div本身不隐藏”.js代码如下:$("#div") ...

jquery实现除指定区域外点击任何地方隐藏DIV

&l ...

点击按钮使用window.open打开页面后，再次点击按钮会再打开一个页面，如何解决？

点击按钮使用window.open打开页面后,再次点击按钮会再打开一个页面,如何解决? window.open("page1.html","win1"); 这句 ...

js构建函数，点击按钮显示div，再点击按钮或其他区域，隐藏div

这只是一个例子,先看看效果: html代码:

云蚂 ...

随机推荐

BVT & BAT (版本验证测试和版本验收测试)

BVT & BAT 版权声明:本文为博主原创文章,未经博主允许不得转载. 一.BVT: (Build Verification Test ) BVT的概念: BVT(版本验证测试)是在所有开发 ...

【bzoj4423】 AMPPZ2013—Bytehattan

http://www.lydsy.com/JudgeOnline/problem.php?id=4423 (题目链接) 题意 给出一个N*N的格点图,m次操作,每次切断U,V之间的边,问切断之后,U, ...

查看Wait type

Wait 能够指示系统存在的bottlenect 或 hot spot,再通过这些wait反馈的信息,对系统hardwar进行升级或对query 进行性能优化. 一,查看 Wait 统计信息 1,sy ...

Python学习笔记(0)

Python 是什么类型的语言 Python是脚本语言 Python下载地址:https://www.python.org/downloads/ Python版本:Python 3.4.2 - 64b ...

约瑟夫环的java解决

总共3中解决方法,1.数学推导,2.使用ArrayList递归解决,3.使用首位相连的LinkedList解决 import java.util.ArrayList; /** * 约瑟夫环问题 * 需 ...

Linux开发cocos2dx程序环境搭建

安装linux系统,ubuntu 14.04 64位 安装支持软件 sudo apt-get update sudo apt-get install git ssh vim ctags qt-sdk ...

Notepad++中常用的插件

Notepad++中常用的插件 Notepad++实用插件分享 otepad++前端开发常用插件介绍

Protocol Buffer 时间类型定义

ProtoBuf3中新增了TimeStamp类型,使用示例如下: syntax = "proto3"; import public "google/protobuf/ti ...

一款PHP环境整合工具—VertrigoServ介绍

Vertrigo简介 VertrigoServ 是一个Windows平台下的非常专业的.易于安装的免费网络开发环境,它集成了Apache, PHP, MySQL, SQLite, SQLiteMana ...