2012-06-29 2 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

Хотя вы могли бы do:

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

Я хотел бы предложить:

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

Почему вы предлагаете один за другим? –

+1

'.hide' использует' dispaly: none'. Использование '.hide()' делает более короткий, более чистый и читаемый код без каких-либо дополнительных затрат. То же самое касается '.show()', который использует '.css ('display', 'xxx')'. где xxx - это когда-либо свойство отображения. Если он не был установлен, 'block' используется по умолчанию. – Nope

+0

Согласен, просто хотел исправить исходный синтаксис OP при использовании '.css ('display', '...');' –

2

В общем, да.

В качестве альтернативы, вы можете использовать следующее show или hide элемент:

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

Или вы можете даже использовать метод toggle для автоматического переключения между двумя:

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

Как примечание стороны: toggle также не работает, и он примерно в 3-4 раза медленнее, чем шоу/скрыть и даже приближается к 10 раз медленнее в IE. См. Здесь для получения более подробной информации: http://www.learningjquery.com/2010/05/now-you-see-me-showhide-performance – Nope

-3

Это должно работать

$('.pds-pd-link').css('cssText', 'display: block !important'); 
Смежные вопросы