怎样判断jQuery当前元素是隐藏还是显示
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true
is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断。如: ":checked,:hidden"等等。给个例子:
<head> <script src="jquery-1.7.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(":button").click(function () { if ($(this).is(":button")) { alert("我是一个按钮!"); } if ($("#check1").is(":checked")) { alert("我是被选中的"); } if ($(".p1").is(":visible")) { alert("p1是可见的"); } }) }) </script> </head> <body> <div id="div1"> <p class="p1">我是一个p</p> <input id="check1" type="checkbox" value="" />复选框 <input type="button" value="确认" /> </div> </body>
以上就是本文的全部内容,希望对大家有所帮助,谢谢对我们的支持!
相关推荐
-
jquery显示隐藏元素的实现代码
$("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间:("#firstStep").hide
-
jQuery判断元素是否显示 是否隐藏的简单实现代码
jQuery判断元素是否显示 是否隐藏的简单实现代码 var node=$('#id'); 第一种写法 if(node.is(':hidden')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); } 第二种写法 if(!node.is(':visible')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); } if(node.is(':visib
-
jQuery控制元素隐藏和显示
1.jQuery隐藏和显示效果 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); //点击id="hide"元素时,隐藏所有<p>标签内容: $("#show").click(function(){ $("p").show(); }); //点击id=
-
jQuery元素的隐藏与显示实例
本文实例讲述了jQuery元素的隐藏与显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/jscript" src="jquery/jqu
-
Jquery显示、隐藏元素以及添加删除样式
复制代码 代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(func
-
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none'); // 隐藏按钮$('#button_save_12').css('display', 'display'); // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide();$('#button_save_12').show(); 二.设为禁用,只读 复制代码 代码如下: $('#button_save_12').a
-
JS加jquery简单实现标签元素的显示或隐藏
显示: 复制代码 代码如下: var ul = document.getElementById("opinionSelect"); ul.style.display = 'block'; 隐藏:$("#opinionSelect").fadeOut("fast");
-
JQuery显示隐藏页面元素的方法总结
在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍. show()方法 显示出隐藏的 <p> 元素. 复制代码 代码如下: $(".btn2").click(function(){ $("p").show(); }); toggle()方法 toggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏
-
jQuery控制元素显示、隐藏、切换、滑动的方法总结
jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 复制代码 代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); hide() 和 show() 都可以设置两个可选参数:speed 和 callba
-
怎样判断jQuery当前元素是隐藏还是显示
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断.如: ":checked,:hidden"等等.给个例子: <head> <script src="jquery-1.7.1.js" type="text/javascript">&
-
VUE元素的隐藏和显示(v-show指令)
除了click单击事件,还有mouseover,mouseover等鼠标事件. dbclick双击事件. v-on:click/mouseover/mouseover/mousedown/dbclick/... v-show指令 v-show="true/false" //控制元素显示/隐藏 示例代码: <!DOCTYPE html> <html> <head> <title></title> <meta charset
-
jQuery实现切换隐藏与显示同时切换图标功能
HTML代码: <!doctype html> <html> <head> <meta charset=" utf-8"> <title>jq隐藏显示图标切换</title> <!--引入jq文件--> <script type="text/javascript" scr="./js/jquery.min.js"></script> <
-
jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!"); } 第二种:使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: <div id="test"> <p>仅仅是测试所用</p> </div> 那么,我们可以用以下语句来判断id
-
jQuery使用hide方法隐藏元素自身用法实例
本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考.具体如下: 下面的JS代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(
-
jQuery使用hide方法隐藏页面上指定元素的方法
本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu
-
jQuery使用hide方法隐藏指定元素class样式用法实例
本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法.分享给大家供大家参考.具体如下: 下面的JS代码可以隐藏所有class属性等于test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button
随机推荐
- Swift中使用可选类型完美解决占位问题
- Mysql5.7.11在windows10上的安装与配置(解压版)
- 多条件查询的程序
- 利用Java如何获取IP与机器名方法示例
- IOS 七种手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)详解及实例代码
- php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
- JS对字符串编码的几种方式使用指南
- JavaScript 中对象的深拷贝
- jQuery 回调函数(callback)的使用和基础
- LAMP环境安装所需的一些软件包下载地址整理
- jQuery取id有.的值的方法
- jQuery基础语法实例入门
- Nginx服务器中的location配置详解
- Tomcat 实现WebSocket详细介绍
- C#实现winform自动关闭MessageBox对话框的方法
- C#实现将日志写入文本文件的方法
- C#获取两个时间的时间差并去除周末(取工作日)的方法
- ubuntu16.04制作vim和python3的开发环境
- javaScript实现游戏倒计时功能
- ES6 Class中实现私有属性的一些方法总结