Есть ли способ в jQuery определить, имеет ли элемент класс?

Question

Я использовал следующие определения, если элемент скрыт:

if ($("#sidebar").is(':hidden')) { 

Есть ли какой-то способ, которым я мог бы определить, если #sidebar имеет класс «черный» вместо проверки, если она скрыта?

Answer 1

Вы можете использовать .hasClass('black'):

if($('#sidebar').hasClass('black'); 

Или, вы можете использовать .is() для большей гибкости:

if($('#sidebar').is('.black'); 

.is() позволяет фильтровать элемент, используя различные другие селекторы Предложения jQuery. Обратите внимание, что .hasClass() быстрее, однако, как указано в this answer.

Answer 2

Api: .hasClass('black') будет делать трюк для вас Рабочих Демонстрационногоhttp://jsfiddle.net/xvA8d/2/

Ссылки: http://api.jquery.com/hasClass/

Определить, является ли какой-либо из соответствующих элементов назначены данный класса.

Answer 3

if($("#sidebar").hasClass('black')) 

Answer 4

if ($("#sidebar").hasClass('black')) { 

doc.

Answer 5

if ($("#sidebar").hasClass('black')) { 

Answer 6

Есть довольно много способов:

• .hasClass('whatever')
• .is('.whatever')
• .prop('className') == 'whatever'

Все они имеют свои преимущества и недостатки:

• hasClass: Обычно лучший выбор, проверяет, имеет ли элемент данный класс, независимо от того, имеет ли он и другие классы.
• is: проверяет селектор. Более медленный, чем hasClass, поскольку он вызывает механизм селектора, кроме того, это не совсем по-другому. Более гибкий, поскольку вы можете смешивать его с другими установщиками селекторов, просто проверяя класс, если он вам когда-либо понадобится.
• className: Проверяет, имеет ли элемент только данный класс. Обычно не то, что вы хотите, но упоминается, так как это is путь.