Heim >Web-Frontend >js-Tutorial >So ermitteln Sie, ob ein Element in jquery ausgeblendet ist
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")】.
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=$('#id');
Die erste Schreibweise
Der Code lautet wie folgt:
if(node.is(':hidden')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); }
Die zweite Schreibweise
Der Code lautet wie folgt:
if(!node.is(':visible')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); } if(node.is(':visible')){ //如果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!