Hoe Kies Elementen met jQuery

ost van wat u wilt doen in jQuery gebeurt door selectors. Zo zult u vaak kiezen een stuk van een webpagina en dan hebben jQuery voeren een actie op dat stuk van de pagina. Die actie kan van alles zijn van het toevoegen van tekst, het veranderen van HTML, CSS veranderen of, nou ja, zo ongeveer alles wat je maar kunt bedenken zijn!

De basis stroom voor JavaScript-programmering met jQuery is dit:

  1. Selecteer een element op de webpagina (of de hele pagina zelf).
  2. Doe iets interessant met dat element.

Oke, wat je doet met het element hoeft niet interessant te zijn, maar je zult iets met het geselecteerde element te doen. Dat er iets kan van alles zijn van het verwijderen van het element aan toe te voegen of te veranderen of gewoon het verkrijgen van informatie uit het element, zoals de tekst of de huidige CSS-stijlen.

jQuery selectors van dichtbij

Er zijn drie primaire of elementaire selectors in jQuery. Zij zijn degenen die u zult het meest gebruikt. U kunt zeer complex selectors gebaseerd op de structuur van de pagina, maar meestal zult u een van deze drie selectors gebruiken:

  • Per klasse
  • Door ID
  • Door element

Als je had een aantal HTML dat zag er als volgt:

<P id = "boektitel"> My Book </ p>

Je zou kunnen openen die met jQuery als volgt uit:

$ ("# Boektitel")

Het is belangrijk op te merken dat de dingen in jQuery (en JavaScript) zijn hoofdlettergevoelig. Dus boektitel is niet hetzelfde als boektitel en niet hetzelfde als boektitel. Het maakt niet uit wat het geval dat u wilt gebruiken, zolang het past tussen de HTML en JavaScript en jQuery.

Neem nu een kijkje nemen op dit stukje HTML:

<P class = "titleClass"> Dit is wat tekst </ p>

De jQuery selector ziet er als volgt uit:

$ (". TitleClass")

Als u denkt dat deze kiezers lijken op hun CSS tegenhangers, je hebt gelijk. Maak je geen zorgen als je niet denken dat; zal er niet een quiz zijn.

In CSS, u toegang items door hun ID met een hekje (#) en heb je toegang klassen met een enkele punt (.):

#bookTitle
.titleClass

Alles wat je aan het doen bent voor jQuery is te verpakken in de $ () bouwen en met behulp van enkele quotes ook. Dus je krijgt dit:

$ ("# Boektitel")
$ (". TitleClass")

De andere vaak gebruikte selector grijpt alle elementen van een bepaald type. De volgende selector selecteert alle <div> elementen op de hele pagina:

$ ("Div")

Er zijn meer geavanceerde selectors. Bijvoorbeeld, kunt u selecteren door de positie van een element op de pagina en, nou ja, zo ongeveer elke combinatie die je kunt bedenken. Maar je zult drie meest gebruikt deze.

jQuery filtering

Een extra ding dat je moet weten over jQuery selectors is dat je ze kunt filteren. Dit is vooral handig als het gaat om het werken met formulieren en evenementen.


© 2019 Quilcedacarvers.com | Contact us: webmaster# quilcedacarvers.com