2012-06-29 21 views
1

'顯示' CSS我用下面的CSS來隱藏元素:重寫使用jQuery

.pds-pd-link {  
    display: none !important; 
} 

使用jQuery我可以使CSS .pds PD-鏈接

喜歡的東西上的顯示$(.pds-pd-link).css("display","");

+0

下面是相關答案 http://stackoverflow.com/questions/2655925/jquery-css-applying-important-styles –

回答

0

做:

$(.pds-pd-link).css("display","none"); 

我建議:

$(.pds-pd-link).hide(); 
+0

爲什麼建議一個在另一個? –

+1

'.hide'使用'dispaly:none'。使用'.hide()'可以獲得更短,更清晰,更易讀的代碼,而無需額外的成本。 '.show()'也使用'.css('display','xxx')''。其中xxx是最初的展示資產。如果沒有設置,則默認使用「block」。 – Nope

+0

同意,只是想改正使用'.css('display','...')的OP的原始語法;'' –

2

簡而言之,是的。

或者,可以使用以下方法來showhide元素:

$(.pds-pd-link).show(); 
$(.pds-pd-link).hide(); 

或者你甚至可以使用toggle方法在兩者之間進行自動切換:雖然你可以

$(.pds-pd-link).toggle(); 
+1

作爲一個側面說明:切換不會很好,大約比顯示/隱藏慢3-4倍,甚至接近IE的10倍。在這裏看到更多的細節:http://www.learningjquery.com/2010/05/now-you-see-me-showhide-performance – Nope

-3

這應該工作

$('.pds-pd-link').css('cssText', 'display: block !important');