2010-12-09 40 views

Odpowiedz

34
$("tagnamehere") 

Więc:

$("div").each(function() { 
    // do something exciting with each div 
    $(this).css("border", "1px solid red"); 

    // do something by directly manipulating the wrapped DOM element 
    this.style.border = "1px solid red"; 

    // do something only if this particular div has a class of 'pretty' 
    if($(this).hasClass("pretty")) { 
     $(this).text("I am the pretty one"); 
    } 
}); 

lub po prostu:

// apply some css to all div elements 
$("div").css("border", "1px solid red"); 

Należy pamiętać, że podczas korzystania z jQuery, aby wybrać liczbę elementów, na przykład $("span"), każda metoda wywoływana w obiekcie stanie się na wszystkich dopasowanych elementach. Pomyśl o tym jako o "implicit iteration" - np. $("span").hide(); spowoduje ukrycie wszystkich elementów span na stronie.

Patrz:

+0

@ T.J. Crowder - edytowane zanim skomentowałeś. Dzięki :) – karim79

+0

Warto zauważyć, że myślę, że chodzi tu o obiekty jQuery - a nie elementy DOM. – sje397

+0

@ T.J. Crowder & karim79: Interesujące. A co z robieniem czegoś na konkretnym przedmiocie w kolekcji? – Shaoz

6

Wystarczy użyć selektora elementu

$('elementname') 

Np

$('div') 

I zrobić iteracji:

$('div').each(function(){ 
    var $this = $(this); 
    //insert code here 
}); 

Możesz nie mieć do iteracji, jednak, jak metoda wezwał kolekcji zostanie wywołana dla każdego elementu w kolekcji, więc

$('div').hide(); 

... spowoduje ukrycie wszystkich elementów div.

+2

'$ (" [foo] ")' jest selektorem atrybutów Has, a nie selektorem elementów. –

+0

Jestem pewien, że to literówka, ponieważ przykłady używają właściwego kodu, ale jest to bardzo mylące. –

+2

@ Šime Vidas - Tak, użyłem znaku [] do wskazania symbolu zastępczego, ale zdaję sobie sprawę, że wprowadzało to w błąd! Zmieniono odpowiednio. –

-3

Wystarczy umieścić coś takiego:

var some = $('[name="tagname"]'); 
+0

Nie, to jest nieprawidłowe. Twój kod jest przykładem selektora atrybutu. Zobacz https://api.jquery.com/attribute-equals-selector/ – j08691

Powiązane problemy