Visibilità attributo in discussione

Question

Qual è la differenza tra

$("#myid").attr("style", "visibility: hidden")

e

$("#myid").css("visibility", "hidden")

?

Answer 1

Fare questo:

$("#myid").attr("style", "visibility: hidden") 

Sarà lasciare solo questo attributo di stile, mentre si fa questo:

$("#myid").css("visibility", "hidden") 

Will aggiungere (o insieme) questo attributo di stile.

Ecco un esempio, il primo testamento sempre risultato in questo:

style="visibility: hidden;" 

Il secondo aggiunge semplicemente visibility così il vostro stile può essere ora:

style="width: 50px; color: red; visibility: hidden;" 

Answer 2

Niente. Solo due modi per raggiungere lo stesso obiettivo.

Il primo sovrascriverà qualsiasi impostazione di stile esistente. Se avete avuto:

<div style="font-weight: bold;" /> 

Diventerebbe:

<div sytle="visibility: hidden;" /> 

La seconda aggiungerà l'impostazione di visibilità agli stili esistenti. Quindi:

<div style="font-weight: bold;" /> 

merion diventano:

<div style="font-weight: bold; visibility: hidden;" /> 

Se non c'è attributo style già impostato, poi i due produrrà lo stesso risultato finale.

Answer 3

Non c'è alcuna differenza. $ .css() è solo un metodo di scelta rapida per accedere all'attributo di stile css di un elemento dom.

http://api.jquery.com/css/

EDIT: Come justin ha sottolineato, non v'è una differenza di che il metodo .attr() sovrascrive eventuali attributi di stile esistenti.