怎样判断jQuery当前元素是隐藏还是显示-PHP开发-PHP中文网

首页

php教程

PHP开发

怎样判断jQuery当前元素是隐藏还是显示

Dec 05, 2016 pm 02:53 PM

jquery

$(this).is(":hidden");　　//如果元素是隐藏的话，则返回true

is挺好用的，他能够用jQuery选择器作为参数，特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用，实现各种各样的判断。如: ":checked,:hidden"等等。给个例子：

&lt;head&gt;
 &lt;script src=&quot;jquery-1.7.1.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
  $(function () {
   $(&quot;:button&quot;).click(function () {
    if ($(this).is(&quot;:button&quot;)) {
     alert(&quot;我是一个按钮!&quot;);
    }
    if ($(&quot;#check1&quot;).is(&quot;:checked&quot;)) {
     alert(&quot;我是被选中的&quot;);
    }
    if ($(&quot;.p1&quot;).is(&quot;:visible&quot;)) {
     alert(&quot;p1是可见的&quot;);
    }
   })
  })
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div id=&quot;div1&quot;&gt;
  &lt;p class=&quot;p1&quot;&gt;我是一个p&lt;/p&gt;
  &lt;input id=&quot;check1&quot; type=&quot;checkbox&quot; value=&quot;&quot; /&gt;复选框
  &lt;input type=&quot;button&quot; value=&quot;确认&quot; /&gt;
 &lt;/div&gt;
&lt;/body&gt;