* >> Lezen Onderwijs artikelen >> tech >> web development

jQuery Lesson Series - 1

enomen in de eerste methode zou minified een. Door deze de omvang van de bron is minder in vergelijking met het bestand dat wordt opgenomen in de tweede werkwijze. Ik persoonlijk de voorkeur aan de eerste one.Let's CodeLike een andere programmeertaal we beginnen met een Hello World voorbeeld. Het doel van deze code is om te schrijven /plaats een string "Hello World!" een HTML-element op basis van HTML-element ID

$ ("# msgContainer") html ("Hello World!");..

Als je kijkt naar de code van de code ziet er zeer klein.

Deze code is gelijk aan:

var msgContainer = document.getElementById ("msgContainer"); if (msgContainer) {msgContainer = "Hello World!";}

Hiermee kunt ontleden de jQuery code. Voor een jQuery beginner deze code ziet weired en lelijk en wat nog belangrijker is zinloos. Ik zal de code te ontleden en te verklaren:

$ ("# msgContainer")

$ () is een multi-purpose-functie voor het ophalen van de DOM-elementen, evenals voor een aantal andere dingen in jQuery, die zullen worden gedekt in de latere delen van deze serie.

In dit voorbeeld maken we gebruik van deze functie zal je al die elementen verwijzingen wiens ID is "msgContainer" geven. .

html () functie met een, deze functie wordt het element in de vorm van een nodelist (vergelijkbaar met array)

$ ("# msgContainer") html ("Hello World") werd verkregen. argument wordt het argument waarde binnen het verzamelde element of liever html (plaats) is gelijk aan de innerHTML property.jQuery maakt gebruik van een concept genaamd chaining hele tijd. Dit kan beetje lastig ding voor een persoon zonder veel JavaScript achtergrond.

Ik zal meer over jQuery chaining uitleggen in mijn volgende artikel.

Page << [1] [2]

jQuery Lesson Series - 1

jQuery Lesson Series - 2

web development

web development