tutoriais mais recente desenvolvimento web
 

jQuery prop() Method

<JQuery HTML / CSS Métodos

Exemplo

Adicionar e remover uma propriedade chamada "cor":

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
Tente você mesmo "

Definição e Uso

Os prop() método define ou retorna propriedades e valores dos elementos selecionados.

Quando este método é usado para retornar o valor da propriedade, ele retorna o valor do primeiro elemento combinado.

Quando este método é usado para definir valores de propriedade, ele define um ou mais pares de propriedade / valor para o conjunto de elementos correspondentes.

Nota: A prop() método deve ser usado para recuperar os valores de propriedade, por exemplo, DOM propriedades (como tagName, nodeName, defaultChecked ) ou seu próprio costume fez propriedades.

Dica: Para recuperar os atributos HTML, utilize o attr() método em vez disso.

Dica: Para remover o uso da propriedade removeProp() método.


Sintaxe

Devolver o valor de uma propriedade:

$(selector).prop(property)

Defina a propriedade eo valor:

$(selector).prop(property,value)

Definir propriedade e valor usando uma função:

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

Definir várias propriedades e valores:

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

Parâmetro Descrição
property Especifica o nome da propriedade
value Especifica o valor da propriedade
function(index,currentvalue) Especifica uma função que retorna o valor da propriedade para definir
  • index - Recebe a posição de índice do elemento no conjunto
  • currentvalue - Recebe o valor da propriedade atual de elementos selecionados

Tente você mesmo - Exemplos

Diferença entre prop() e attr()
prop() e attr() pode retornar valores diferentes. Este exemplo mostra as diferenças quando usado para retornar o "checked" status de uma caixa de seleção.


<JQuery HTML / CSS Métodos