Wie ein Div mit bestimmten Klasse in JQuery aufgerufen

JQuery wurde entwickelt, um das Hinzufügen von Interaktion zu Webseiten für Designer zu erleichtern. Angesichts dieser Tatsache, ist ihre Methode der "auswählen von Teilen der Seite" Cascading Style Sheets (CSS)-Selektoren nachempfunden. Dies bedeutet, dass Sie anfügen können, Veranstaltungen und Events auf Teile Ihrer Webseiten mit CSS-Stil-Selektoren. Wenn Sie ein Div mit einem bestimmten Klassennamen in jQuery aufrufen möchten, z.B. können Sie eine Kombination aus dem Tag-Selektor und Klassenauswahl Namen von CSS-Code. Dieser Code sieht aus wie "Div .classname" und erhalten Div mit denselben Klassennamen, ob vorhanden oder 10.

Anweisungen

1 Öffnen Sie die Webseite in Editor, und fügen Sie diesen Code, wenn Sie müssen die Seite jQuery hinzu:

< Skript-Typ = "Text/Javascript" Tags Code Webseite platzieren Sie oben "< / Kopf >" oder über "< / body >" je nach Präferenz. Innerhalb der "< >" Skripttags schreiben Sie eine Funktion auf, um das Skript warten, bis die Seite vollständig geladen wurde:

< Skript-Typ = "Text/Css" >

$(document).ready(function() {}

});

< / script >

Dies wird helfen, Fehler zu vermeiden. Alle jQuery-Script-Code wird innerhalb der geschweiften Klammern der Funktion "Dokument bereit" gehen.

3 Wählen Sie Ihre Divs durch Klassennamen mit dem gleichen Auswahl-Format, als Sie in einem Stylesheet würden. Für Klassennamen ist dies der Name der Klasse, ein Punkt vorangestellt. Bei der Auswahl im jQuery allerdings ein Dollarzeichen vor ein paar Klammern und platzieren die Auswahl innerhalb von Anführungszeichen innerhalb der Klammern:

$(".classname");

Um nur Divs auszuwählen, die denselben Klassennamen verwenden, schreiben Sie "Div" vor die Klassenauswahl:

$("Div .classname");

4 Der Selektor eine jQuery-Funktion zuordnen:

"$(Div.classname).click();

Die Funktion "click()" hinzugefügt Selector, das Skript etwas zu tun, wenn der Benutzer auf ein Div einer bestimmten Klasse klickt zu sagen ein "Click"-Ereignis. Öffnen eine neue Funktion in "click()"-- oder welche Funktion Sie verwenden möchten, das "etwas" zu schreiben--in diesem Fall auf das Ereignis:

$("Div.classname).click(function() {}

Schreiben Sie Code hier etwas zu tun, wenn der Benutzer auf das Div oder Divs klickt

});