Element mit der ID elem $("ulli"/> Element mit der ID elem $("ulli">
Heim > Artikel > Web-Frontend > Ausführliche Erläuterung von Beispielen für den effizienten Betrieb von Seitenelementen mit jQuery
jQuery kann Seitenelemente effizient bedienen.
Über die Auswahl von DOM- und CSS-Seitenelementen:
$("span"); //Alle Span-Elemente
$( " #elem"); //Element mit ID elem
$(".classname"); //Element mit Klassenname
$("div#elem");/ /37c3c57415ff20bdb7f96bfb3f65c2d4 Tag mit Klasse "menu"
$("p> ;span"); /Das direkte Unterelement span
von p $("input[type=password]"); //Das Eingabeelement des angegebenen Typs
$("p:first ") ; //Der erste Absatz der Seite
$("p:even"); //Alle geraden Absätze
$(":header") ; //Titelelemente (h1 bis h6)
$(":button"); //Alle Schaltflächenelemente
$(":radio");
$ (":checkbox");
$(":checked"); //Ausgewähltes Status-Auswahlfeld oder Segment-Auswahlfeld
var htmlContent=$("#elem").html();
$("#elem").html("e388a4556c0f65e1904146cc1a846beeHere is some new content.94b3e26ee717c64999d7867364b1b4a3");/*修改内容*/
var textContent=$("#elem").text(); $("#elem").text("new content"); //修改内容 $("#elem").append("<p>Here is some new content.</p>") //添加文本内容
var title=$("#elem").attr("title"); //返回属性值 $("#elem").attr("title","new title"); //修改属性值
});
Elementanimation
1. Ein- und Ausblenden, wie z.B : $("#elem").fadeOut("slow",funtion(){
// Vorgang nach dem Ausblenden
});
$("#elem").fadeIn(500,function(){
//Vorgang nach dem Einblenden
});
$("#elem").fadeTo(3000,0.5,function(){
// Der Vorgang nach dem Ein- oder Ausblenden, 0,5 bedeutet Deckkraft, was das Finale bedeutet Deckkraft wird auf 0,5 eingeblendet
});
slideUp(); Ändern Sie beispielsweise die Höhe und Breite des Elements und blenden Sie es dann aus und aus.
Befehlskette Es gibt keine Begrenzung für die Länge und Viele Operationen können kontinuierlich für dieselbe Gruppe von Elementen ausgeführt werden: $("#elem").text("Hello from jQuery" ).fadeOut( ).fadeIn();$("#elem").animate( { width:400px; height:400px; },1500,function(){ $(this).fadeOut("slow"); } );
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen für den effizienten Betrieb von Seitenelementen mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!