Efficiënt scripten met jQuery 3.x
  • Over deze cursus
  • 1 Inleiding
  • 2 Inleiding tot JavaScript
    • Events en Actions
    • Syntax regels
    • JavaScript debugger
    • Variabelen
    • Operatoren
    • Voorwaardelijke instructies
    • Lussen
    • Functies
    • Functies in jQuery
    • Scope (zichtbaarheid) van variabelen
    • Objecten
    • Ingebouwde JavaScriptobjecten
  • 3 jQuery basis
  • 4 Elementen selecteren
    • Basis selectors
    • Hiërarchische selectors
    • Basisfilters
    • Inhoudsfilters
    • Attribuut selectors
    • Childfilters
    • Formulierfilters
    • Zichtbaarheidsfilters
    • Toepassing 1: gemeentelijst filteren (basisversie)
    • Toepassing 2: openingsuren markeren
  • 5 Selectie verfijnen (traversing)
    • Hiërarchische selectors
    • Filter methodes
    • Element looping: each()
    • Selecties in cascade: end()
    • Snelheidstest
    • Toepassing 1: gemeentelijst filteren (uitgebreide versie)
    • Toepassing 2: rating
  • 6 Events
    • Documentevents
    • Gebruikersevents
    • Event bubbling
    • Event methodes en properties
    • Hover-event: methode met een dubbele functie
    • De methode on()
    • Event handlers verwijderen
    • Toepassing 1: reactietest
  • 7 Animaties en effecten
    • Basiseffecten
    • Aangepaste animaties
    • Animatie pauzeren: delay()
    • Animatie beëindigen: finish()
    • Animatie afbreken: stop()
    • Versnellingsparameter
    • Toepassing 1: vloeiend scrollen
    • Toepassing 2: tabbladen
  • 8 DOM manipulatie
    • HTML-attributen
    • Object dimensies
    • Elementen toevoegen
    • Elementen verwijderen
    • Elementen vervangen
    • Elementen klonen
    • Toepassing 1: lightbox
  • 9 Inleiding tot AJAX
    • Historiek
    • Wat is XML?
    • Wat is JSON?
    • Requests filteren met GET en POST
    • Zes soorten AJAX requests
    • Same origin policy
    • Cross-site scripting
  • 10 AJAX zonder server-side scripting
    • Load()
    • $.getScript()
    • $.getJSON()
    • $.get() en $.post()
    • $.ajax()
    • Externe gegevens ophalen via JSONP
  • 11 AJAX met server-side scripting
    • Master/detailrelatie met load()
    • Master/detailrelatie met $.get()
    • Contactformulier verzenden met $.post()
    • Cross-site scripting (XSS)
Powered by GitBook
On this page
  • Het element bevat een bepaalde tekst :contains()
  • Het element bevat een bepaald element :has()
  • Lege (:empty) of niet lege (:parent) elementen
  1. 4 Elementen selecteren

Inhoudsfilters

PreviousBasisfiltersNextAttribuut selectors

Last updated 7 years ago

Zie :

Deze filters testen op de inhoud (tekst of html) binnen een bepaald element.

Het element bevat een bepaalde tekst :contains()

$('td:contains("PC")')           // alle cellen die de tekenreeks PC bevatten
$('td:contains(PC)')
$('td:not(:contains("PC"))')     // alle cellen die de tekenreeks PC niet bevatten
$('td:not(:contains(PC))')

De tekst is hoofdlettergevoelig, maar de aanhalingstekens zijn niet verplicht. contains("PC") is NIET hetzelfde als contains("pc"). contains("PC") is WEL hetzelfde als contains(PC).

Het element bevat een bepaald element :has()

$('td:has(a)')                   // alle cellen die een link bevatten
$('td:not(:has(a))')             // alle cellen die geen link bevatten

Lege (:empty) of niet lege (:parent) elementen

$('td:empty')                    // alle lege cellen binnen een tabel
$('td:not(:empty)')              // alle cellen die niet leeg zijn
$('td:parent')                   // alle cellen die minstens één child hebben

Merk op dat de 2 laatste selectors hetzelfde resultaat geven. De :parent-filter selecteert alle elementen die minstens één child hebben (in de vorm van een element of tekst!).

http://api.jquery.com/category/selectors/content-filter-selector/