Heim  >  Artikel  >  Web-Frontend  >  So ermitteln Sie, ob ein Element in jquery ausgeblendet ist

So ermitteln Sie, ob ein Element in jquery ausgeblendet ist

coldplay.xixi
coldplay.xixiOriginal
2020-12-24 12:06:072840Durchsuche

So verwenden Sie jquery, um festzustellen, ob ein Element ausgeblendet ist: 1. Verwenden Sie CSS-Attribute, der Code lautet [var display =$('#id').css('display');] 2. Verwenden Sie die integrierte Version von jquery. Im Selektor lautet der Code [if($("#test").is(":hidden")】.

So ermitteln Sie, ob ein Element in jquery ausgeblendet ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, DELL G3-Computer .

Empfohlen: JQuery-Video-Tutorial

Wie JQuery bestimmt, ob ein Element ausgeblendet ist:

1: CSS-Attribute verwenden

Der Code lautet wie folgt:

var display =$('#id').css('display');
if(display == 'none'){
   alert("被你发现了,我是隐藏的啦!");
}

2: Verwenden Sie JQuery-Built- im Selektor

Angenommen, unsere Seite hat ein solches Label,

Der Code lautet wie folgt:

<div id="test">
<p>仅仅是测试所用</p>
</div>

Dann können wir die folgende Anweisung verwenden, um festzustellen, ob das Tag mit der ID „test“ ausgeblendet ist:

Der Code lautet wie folgt:

if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了

Auf diese Weise können wir leicht feststellen, ob ein Element ausgeblendet ist, und basierend auf seinem Status die Animation festlegen, zum Beispiel:

Der Code lautet wie folgt:

if($("#test").is(":hidden")){
       $("#test").show();    //如果元素为隐藏,则将它显现
}else{
      $("#test").hide();     //如果元素为显现,则将其隐藏
}

3: jQuery bestimmt ob das Element angezeigt oder ausgeblendet wird

Der Code lautet wie folgt:

var node=$(&#39;#id&#39;);

Die erste Schreibweise

Der Code lautet wie folgt:

if(node.is(&#39;:hidden&#39;)){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}

Die zweite Schreibweise

Der Code lautet wie folgt:

if(!node.is(&#39;:visible&#39;)){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}
if(node.is(&#39;:visible&#39;)){  //如果node是显示的则隐藏node元素,否则显示
  node.hide();
}else{
  node.show();
}

Verwandte kostenlose Lernempfehlungen: Javascript (Video)

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Element in jquery ausgeblendet ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn