Ultimele tutoriale de dezvoltare web
 

jQuery prop() Method

<JQuery HTML / CSS Metode

Exemplu

Adăugați și eliminați o proprietate numită "color" :

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
Încearcă - l singur »

Definiție și utilizare

The prop() seturi de metode sau returnează proprietățile și valorile elementelor selectate.

Atunci când se utilizează această metodă pentru a returna valoarea proprietății, returnează valoarea elementului de potrivire mai întâi.

Când se folosește această metodă pentru a seta valori de proprietate, aceasta stabilește una sau mai multe perechi de proprietate / valoare pentru setul de elemente potrivite.

Note: prop() metoda ar trebui să fie utilizate pentru a prelua valorile de proprietate, de exemplu , proprietățile DOM (like tagName, nodeName, defaultChecked ) sau propriile proprietăți personalizate făcute.

Tip: Pentru a prelua atributele HTML, utilizați attr() metoda in loc.

Tip: Pentru a elimina o utilizare proprietatea removeProp() metoda.


Sintaxă

Returneaza valoarea unei proprietăți:

$( selector ) . prop( property )

Setați proprietatea și valoarea:

$( selector ) . prop( property,value )

Setați proprietatea și valoarea utilizând o funcție:

$( selector ) . prop( property, function( index, currentvalue ) )

Setare proprietăți și valori multiple:

$( selector ) . prop({ property : value , property : value ,...})

Parametru Descriere
property Specifică numele proprietății
value Specifică valoarea proprietății
function( index,currentvalue ) Specifică o funcție care returnează valoarea proprietății pentru a seta
  • index - Primeste pozitia index al elementului din setul
  • currentvalue - Primeste valoarea de proprietate curentă a elementelor selectate

Încearcă-l singur - Exemple

Diferența dintre prop() și attr()
prop() și attr() s - ar putea întoarce valori diferite. Acest exemplu arată diferențele atunci când sunt utilizate pentru a reveni "checked" starea de o casetă de selectare.


<JQuery HTML / CSS Metode