So legen Sie alle Elemente unter div in jquery fest

Kürzlich bin ich beim Entwickeln einer Website auf ein Problem gestoßen: Wie kann ich mit jQuery alle Elemente unter einem bestimmten Div festlegen?

Auf meiner Website habe ich ein Div, das mehrere p-, h2- und a-Tags enthält. Ich möchte mit jQuery die Farbe von p auf Rot und die Farbe von h2 und a auf Blau setzen.

Um dies zu erreichen, muss ich zuerst dieses Div auswählen und dann mithilfe von jQuery-Selektoren alle darin enthaltenen Elemente auswählen und ihre Farbe auf den entsprechenden Wert festlegen.

Zuerst verwende ich die Funktion $() von jQuery, um dieses Div auszuwählen, wie unten gezeigt:

var myDiv = $('div');

Als nächstes verwende ich die Funktion find() von jQuery, um alle p , h2 auszuwählen und a-Tags und setze ihre Farben auf Rot und Blau:

myDiv.find('p').css('color', 'red');
myDiv.find('h2, a').css('color', 'blue');

Hier verwende ich die css()-Funktion von jQuery, um die Farbe des Elements festzulegen.

Wenn Sie nicht mehrere css()-Funktionen verwenden möchten, können Sie alle Elemente wie folgt zusammenführen:

myDiv.find('p, h2, a').css('color', 'red');

Auf diese Weise werden alle Elemente zusammengeführt Wählen Sie sie zusammen aus und legen Sie ihre Farbe fest.

Auf meiner Website habe ich ein weiteres Div, dessen Hintergrundfarbe ich auf Gelb setzen möchte. Um dies zu erreichen, kann ich Code wie diesen verwenden:

$('div#myOtherDiv').css('background-color', 'yellow');

Hier verwende ich die $()-Funktion von jQuery, um das Div mit der ID myOtherDiv auszuwählen. Anschließend habe ich die Hintergrundfarbe mit der Funktion css() auf Gelb gesetzt.

Kurz gesagt, es ist sehr einfach, alle Elemente unter einem Div mit jQuery festzulegen. Wählen Sie zuerst dieses Div aus und verwenden Sie dann die Funktion find(), um alle darin enthaltenen Elemente auszuwählen und ihre Eigenschaften auf die entsprechenden Werte festzulegen. Wenn Sie mehrere Elemente auswählen und zusammenführen möchten, können Sie diese durch Kommas trennen.

Ich hoffe, dieser Artikel kann Ihnen hilfreich sein, vielen Dank fürs Lesen!

Das obige ist der detaillierte Inhalt vonSo legen Sie alle Elemente unter div in jquery fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!