Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
jquery:select [2016/01/07 12:38] webproducer angelegt |
jquery:select [2017/06/07 00:00] (aktuell) |
||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| ====== Elemente mit jQuery selektieren ====== | ====== Elemente mit jQuery selektieren ====== | ||
| + | |||
| + | ===== Übersicht ===== | ||
| + | |||
| + | ^Auswahl durch^Beispiel für Schreibweise^ | ||
| + | | Tag-Name | $("form") | | ||
| + | | Element-Name | $("[name='kundendaten']") | | ||
| + | | Element-ID | $("#kundendaten")| | ||
| + | | Klassennamen | $(".hinweistext") | | ||
| + | |||
| ===== Ausführliches Beispiel ===== | ===== Ausführliches Beispiel ===== | ||
| Zeile 33: | Zeile 42: | ||
| <code javascript> | <code javascript> | ||
| if( !checkSelected( "form") ) | if( !checkSelected( "form") ) | ||
| - | alert("Please select option"); | + | { |
| + | alert("Please select option"); | ||
| + | } | ||
| </code> | </code> | ||
| Zeile 41: | Zeile 52: | ||
| <code javascript> | <code javascript> | ||
| - | if( !checkSelected( "[name='form_name']") ) { | + | if( !checkSelected( "[name='form_name']") ) |
| - | alert("Please select option"); | + | { |
| + | alert("Please select option"); | ||
| + | } | ||
| </code> | </code> | ||
| Zeile 51: | Zeile 64: | ||
| <code javascript> | <code javascript> | ||
| if( !checkSelected( ".form_class") ) | if( !checkSelected( ".form_class") ) | ||
| - | alert("Please select option"); | + | { |
| + | alert("Please select option"); | ||
| + | } | ||
| </code> | </code> | ||
| ==== Auswahl durch die Element-id: ==== | ==== Auswahl durch die Element-id: ==== | ||
| - | Die identifizierung durch die eindeutige ID ist sinnvoll, wenn sich mehrere Formulare auaf der Seite befinden. | + | Die identifizierung durch die eindeutige ID ist sinnvoll, wenn sich mehrere Formulare auf der Seite befinden. |
| <code javascript> | <code javascript> | ||
| if( !checkSelected( "#form_id") ) | if( !checkSelected( "#form_id") ) | ||
| - | alert("Please select option"); | + | { |
| + | alert("Please select option"); | ||
| + | } | ||
| </code> | </code> | ||