jquery实现在元素外单击,隐藏此元素
实现的思路是
假如在元素A外单击隐藏A
判断被鼠标按下时的元素 的所有父元素中是否包含了A,没有包含则可以知道鼠标是在A之外单击的,则隐藏。
代码如下:
$(document).mouseup(function(event){if($(event.target).parents("A").length==0){$("A").hide();} })
转载于:https://www.cnblogs.com/webu/archive/2013/04/16/3025139.html
jquery实现在元素外单击,隐藏此元素相关推荐
- 兄弟选择器——用于选择除第一个元素外的其他兄弟元素
兄弟选择器--用于选择除第一个元素外的其他兄弟元素 兄弟选择器是CSS选择器中的一种,如 div.bar + ul表示:选择类名为bar的div的为ul的兄弟元素,我们可以用它来选择除第一个元素外的其 ...
- html怎么隐藏一个元素,html怎么隐藏div元素
html隐藏div元素的方法:1.在div标签中使用hidden属性,添加"hidden="hidden""语句即可.2.在div标签中使用style属性,添加 ...
- 获得除当前元素外的所有其他元素,并对其他元素进行设置
//元素初始设置为display = 'none' let type = document.getElementsByClassName('type')//获得页面中所有class为type的元素 l ...
- python获取页面隐藏元素_selenium操作隐藏的元素(python+Java)
有时候我们会碰到一些元素不可见,这个时候selenium就无法对这些元素进行操作了.例如,下面的情况: Python 页面主要通过"display:none"来控制整个下拉框不可见 ...
- jQuery中用来让元素显示和隐藏的函数
我们所以会使用jQuery,是因为在这个jQuery这个库中有很多的函数已经写好,我们可以直接拿过来去用,于是我们知道了解一些函数是非常重要的,在这个地方我们就介绍一些函数. 首先介绍的函数是如何让h ...
- jquery validation对隐藏的元素不进行验证
validation默认不会对Hidden元素进行验证的,但最近使用了thinkcmf开发了一个系统后台,在验证时发现隐藏的元素也进行了验证 刚开始以为是 validation版本问题(当前版本取消了 ...
- 通过jQuery的slideToggle()方法实现元素的显示隐藏时,利用当前ul元素display的值判断状态遇到的问题
项目场景: 通过jQuery的slideToggle()方法实现元素的显示隐藏时,利用当前ul元素display的值判断状态,点击当前p标签时,显示隐藏兄弟元素ul,当ul显示时p为灰色,隐藏则p为蓝 ...
- JQuery 使用技巧(一):判断元素是否显示与隐藏
最近要做一些关于 SSM 项目的需求,项目是前后端不分离的,从去年上半年学习了 Vue 2 之后现在也一直再使用 VUE,近期才刚入手 VUE 3,确实变化还是挺多的,还需要慢慢的花时间去整理与沉淀. ...
- 解决jQuery打开或跳转页面隐藏元素闪动问题
有时候一个问题限制了你,往往可以换一种思路 问题如题意,我的大致开发需求是:我有一个写好的页面,在另一个页面用弹窗的方式打开,打开的时候隐藏掉头部和侧边菜单栏 原始做法有bug:在打开时,传值判断是页 ...
最新文章
- 基类成员的public访问权限在派生类中变为_C++ 派生类的构造函数(学习笔记:第7章 06)...
- linux redhat、ubuntu系统 docker启动、停止命令
- 双11/618,除了能拉升业绩外,还有什么好处?
- 斐波那契数列的前n项值
- Spring Cloud Config 加密和解密
- html发送十六进制字符数组,十六进制数组怎么转换成字符串数组?
- 女员工采购电影票抽中黄金 老板:必须上交 不上交就开除
- Android AlarmManager广播接收器和服务
- 计算机毕业设计Spark+SpringBoot旅游推荐系统 旅游大数据分析大屏 旅游可视化 旅游路线规划系统 旅游推荐App小程序 旅游网站 自驾游路线规划系统 自驾游推荐系统 自驾游推荐App小程序
- 安装office时总得到“安装程序包的语言不受系统支持”的提示解决方法
- worldpress自定义页面
- FortiGate命令行
- “我靠这4个项目,拿到了年薪30万+的大厂Offer”
- 西工大计算机学院保研人数,陕西多所大学保研率超20%,西北工业大学27%,推免999人...
- php获取目录下所有文件及目录(多种方法)
- 普通话测试范读作品14号-和时间赛跑
- 信用社考试计算机知识,信用社考试(计算机基础知识 六)
- 软银领投,灰度母公司 DCG 完成7亿美元融资
- mysql-修改数据存储位置
- 企业级数据资产管理平台规划建设方案
热门文章
- 23.2 编写笨的程序
- 配置web site 在IIS 6.0
- 为你详细解读HTTP请求头(header)的具体含意
- 页面显示 amp html6,浅谈HTML5 amp;amp; CSS3的新交互特性
- python下载网页歌词_使用Python下载歌词并嵌入歌曲文件中的实现代码
- leetcode算法题--Perfect Squares
- C++构造函数及析构函数的调用顺序
- linux进程--死锁产生的原因及四个必要条件(六)
- 压缩文件目录 linux,linux_压缩文件及目录
- 「小程序JAVA实战」java-sesion的状态会话与无状态会话(38)