Der Zugriff auf einzelne Elemente des DOM passiert in der allgemeinen Form jQuery( selector [, context] ) oder $( selector [, context] ). Zur besseren Lesbarkeit benutze ich die erste Variante.
Da sich der Aufbau der Selektoren in jQuery genauso an den Vorgaben des World Wide Web Consortiums (W3C) orientiert wie das bei ExtJs der Fall ist, sei ein verstohlener Blick auf » diesen Artikel empfohlen. Umgekehrt gelten die weiteren Ausführungen hier auch für ExtJs - es sei denn, es ist anders angegeben oder ausreichend offensichtlich auf jQuery bezogen.

Auswahl der Elemente nach deren Typ
Um aller DOM-Elemente eines bestimmten Typs habhaft zu werden, genügt bereits dieser einfache Zusammenhang:

<input type={TYP} ...  <=>  jQuery(":{TYP}"); oder

<input type={TYP} ...  <=>  jQuery(":input[type={TYP}]");

! Bei ExtJs und der Verwendung von Ext.query werden die Doppelpunkte weggelassen

Beispiel

Code: Alles auswählen

#Alle Checkboxen selektieren
jQuery(":input[type=checkbox]");

#Alle Checkboxen selektieren, die 'checked' sind
jQuery(":input[type=checkbox][checked]");


Um Elemente über deren ID anzusprechen, wird in jQuery das # verwendet.

Code: Alles auswählen

<div id="frmUser" style='width:25%;float:left;'>
   <div>
       <div class='labelUserDaten' style='float:left;'>&nbsp;Vorname</div>
       <div id='inputVorname'><input class='inputUserDaten' type='text' id='userVorname' /></div>
   </div><div style='padding-bottom:4px;'>
       <div class='labelUserDaten' style='float:left;'>&nbsp;Nachname</div>
       <div id='inputNachname'><input class='inputUserDaten'  type='text' id='userNachname' /></div>
   </div>
</div>

Bei der Selektion jQuery(":input","#frmUser") ist die Angabe des Kontextes also wichtig, da ansonsten die input-Elemente der gesamten Webseite selektiert würden