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

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="https://www.linuxidc.com/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" value="admin" />
      <input type="password" value="123456"/>
      <input type="hidden" value="1001003004016">
      <input type="text" disabled="disabled" value="北京市海淀区"/>
  </body>
</html>

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

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

------------------------------------------分割线------------------------------------------

jQuery权威指南 PDF版中文+配套源代码

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍请点这里
jQuery 的下载地址请点这里

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/bc536ff64b0cc0e66fb51cd818173637.html