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> |