Developpement Informatique

février 23, 2010

JQuery Selectors

Filed under: JQuery — izaam01 @ 7:38

Changer la couleur de tous des

$(« p »).css(« color », « red »);

Changer la couleur du premier

$(« p:eq(0) »).css(« color », « red »);

Changer la couleur d’un

$(« p#first »).css(« color », « red »);

Selection les sans id
$(« span:not([@id]) »).css(« color », « red »);

Selection de tous les

contenant une balise
$(« p:has(span) »).css(« color », « red »);

Selection de tous les à l’intérieur d’un

$(« span »).parent(‘p’).css(« color », « red »);

Tous les

$(« div »).css(« border », »9px solid red »);

Finds every element (including head, body, etc).
$(« * »).css(« border », »3px solid red »);

Une balise bien precis

$(document).ready(function(){
$(« input[id][name$=’man’] »).val(« only this one »);
});

FORM
$(‘:input’)
$(‘:text’)
Using this psuedo-selector like $(‘:text’) is equivalent to $(‘*:text’) which is a very slow selector. It’s
recommended to do $(‘input:text’).

$(‘:password’)
$(‘:radio’)
$(‘:checkbox’)
$(‘:submit’)
// so it won’t submit
$(« form »).submit(function () { return false; });
$(‘:image’)
$(‘:reset’)
$(‘:button’)
$(‘:file’)
$(‘:hidden’)

Compter le nombre d’élémentsdans un formulaire
var allInputs = $(« :input »);
var formChildren = $(« form > * »);
$(« #messages »).text(« Found  » + allInputs.length +  » inputs and the form has  » +
formChildren.length +  » children. »);

***

one
two
three

Setting a form value with jQuery
You can set the form values with jQuery using the same val() function but passing it a new value instead. Using the same example forms above, you’d do this for the text input and select box:

$(‘#foo’).val(‘this is some example text’);
$(‘#bar’).val(‘3’);
OR
$(‘[name=foo]’).val(‘this is some example text’);
$(‘[name=bar]’).val(‘3’);

Using the above for a radio button will change the actual value of the radio button rather than changing the one that is selected. To change the radio button that is selected you’d do this:

$(‘input[name= »baz »]’)[0].checked = true;
[0] would set the first one checked, [1] would set the second one checked and so on

Publicités

Laisser un commentaire »

Aucun commentaire pour l’instant.

RSS feed for comments on this post. TrackBack URI

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

Propulsé par WordPress.com.