Community Learn Tools Library Leisure

English

Home > php教程 > PHP开发 > How to determine whether the current element in jQuery is hidden or displayed

How to determine whether the current element in jQuery is hidden or displayed

高洛峰

Release： 2016-12-05 14:53:34

Original

1172 people have browsed it

$(this).is(":hidden"); //If the element is hidden, it returns true

is is very easy to use. It can use the jQuery selector as a parameter, especially with the selector in jQuery. The filter characters starting with colon are used together to achieve various judgments. Such as: ":checked,:hidden" and so on. Give an example:

<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>

Copy after login

Related labels：

jquery

source：php.cn

Previous article：A simple way to determine whether a DOM node exists using JS/jQuery Next article：Overview of jQuery’s element filtering

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn