怎样判断jQuery当前元素是隐藏还是显示_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>

以上就是本文的全部内容,希望对大家有所帮助,谢谢对的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索判断
, 显示
, 隐藏
jq元素
jquery 判断元素隐藏、jquery 判断当前元素、jquery判断是否隐藏、jquery隐藏元素、jquery判断显示隐藏,以便于您获取更多的相关知识。

时间: 2024-10-01 08:12:41

怎样判断jQuery当前元素是隐藏还是显示_jquery的相关文章

jQuery元素的隐藏与显示实例

 这篇文章主要介绍了jQuery元素的隐藏与显示的方法,实例分析了hide与show的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery元素的隐藏与显示的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script t

jQuery元素的隐藏与显示实例_jquery

本文实例讲述了jQuery元素的隐藏与显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml">  <head runat="server">      <title></title>      <script type="text/jscript" src="jquery/jqu

JQuery实现层的隐藏和显示的几种方法

 通过hide()和show()方法来隐藏和显示HTML元素    代码如下   $("#hide").click(function(){   $("p").hide(); }); $("#show").click(function(){   $("p").show(); }); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. 可选的 c

Jquery 整理元素选取、常用方法一览表_jquery

Jquery元素选取.常用方法 一:常用的选择器: 基本选择器 $("#myDiv") //匹配唯一的具有此id值的元素 $("div") //匹配指定名称的所有元素 $(".myClass") //匹配具有此class样式值的所有元素 $("*") //匹配所有元素 $(this) //匹配自身 $("div,span,p.myClass") //联合所有匹配的选择器层叠选择器 $("form

jQuery子元素过滤选择器用法示例_jquery

本文实例讲述了jQuery子元素过滤选择器用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="te

jQuery固定元素插件scrolltofixed使用指南_jquery

这个插件在前段时间用过一次,当时是改一个网站.要求顶部的菜单栏随着滚动条的滚动而固定.也大体写了一下,不过在文章中也只是提了一下,文章地址:jQuery插件固定元素位置. 在这篇文章中,再进行总结一下. 一.scrolltofixed插件功能 固定某个元素的位置,在页面滚动时,元素仍然显示. 二.scrolltofixed官方地址 https://github.com/bigspotteddog/ScrollToFixed.在官方地址上有使用说明,在下面有插件的属性方法说明.demo中也有详细的

Javascript与jQuery方法的隐藏与显示_jquery

示例代码很简单,直接奉上,就不多废话了 复制代码 代码如下: <html> <head> <title>denotoggle</title> <style> #box {     width: 100px;     height: 100PX;     background-color: #ddd } .show {     visibility: hidden; } </style> <script src="jqu

jquery获取元素索引值index()示例_jquery

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 复制代码 代码如下: <ul> <

jQuery判断iframe中元素是否存在的方法_jquery

复制代码 代码如下: if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){ alert(1);}else{ alert(2);} 判断id为iframepage的iframe中css为1-grid-row-cell的元素是否存在