Eine kurze Zusammenfassung verschiedener Methoden zum Anzeigen und Ausblenden von Divs in JQuery_jquery

Beispiel

Code kopieren Der Code lautet wie folgt:

$("#top_notice").css("display", "block");//Die erste Methode
//$("#top_notice").attr("style", "display:block;");//Die zweite Methode
//$("#top_notice").show();//Die dritte Methode

1. Ändern Sie die Klasse des Elements, um das div auszublenden. Voraussetzung ist, dass der geänderte Klassenstil das ausgeblendete Attribut
definiert

Code kopieren Der Code lautet wie folgt:

$("#sendPhoneNum").attr("class", "n_input3");

1.2 Setzen Sie das Stilattribut auf das Element

Code kopieren Der Code lautet wie folgt:

$("#top_notice").attr("style", "display:block;");

2. Verwenden Sie die CSS-Methode von jquery, um das Div so einzustellen, dass es ausgeblendet wird

Code kopieren Der Code lautet wie folgt:

$("#sendPhoneNum").css("display", "none");

3. Verwenden Sie die Methoden show() und hide() von jquery, um das Div so einzustellen, dass es
ausblendet

Code kopieren Der Code lautet wie folgt: $("#textDiv").show();//Div

anzeigen $("#imgDiv").hide();//Div

ausblenden

Das Anzeigen und Ausblenden von Divs wird häufig in der Programmierung verwendet. Hier sind mehrere Methoden:

Code kopieren Der Code lautet wie folgt:

example

1. $("#demo").attr("style","display:none;");//Div ausblenden
$("#demo").attr("style","display:block;");//Display div

2. $("#demo").css("display","none");//Div ausblenden
$("#demo").css("display","block");//Display div
3. $("#demo").hide();//Div ausblenden
$("#demo").show();//Div anzeigen
4. $("#demo").toggle(
Funktion () {
               $(this).attr("style","display:none;");//Div ausblenden
},
Funktion () {
​​​​​​ $(this).attr("style","display:block;");//Display div
}
);

Nur als Referenz!