码迷,mamicode.com
首页 > Web开发 > 详细

jQuery判断元素是否显示与隐藏

时间:2019-01-29 11:59:26      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:use   dtd   asc   人工智   nbsp   显示   web   led   bsp   

jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏

 

核心代码

if($("#username").is(":hidden")){
}

实例代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../../WEB-FACE/script/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
	$(function(){
		if($("#userid").is(":hidden")){
			alert("隐藏");
		}else{
			alert("可见");
		}
	})
    </script>
  </head>
  
  <body>
      <input type="text" id="username" value="admin" />
      <input type="password" id="password" value="123456"/>
      <input type="hidden" id="userid" value="1001003004016">
      <input type="text" id="address" disabled="disabled" value="北京市海淀区"/>
  </body>
</html>

 

同样判断元素是否可编辑 如下

if($("#address").is(":disabled")){
      alert("不可编辑");
}else{
      alert("可编辑");
}

作者:itmyhome

出处:http://blog.csdn.net/itmyhome1990?viewmode=contents

 

 

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

jQuery判断元素是否显示与隐藏

标签:use   dtd   asc   人工智   nbsp   显示   web   led   bsp   

原文地址:https://www.cnblogs.com/skiwnchqhh/p/10333033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!