hasclass js code example

Example 1: jquery hasclass

if ($( "#foo" ).hasClass('className')) {
	$( "#foo" ).removeClass( 'className');
} else {
  $( "#foo" ).addClass( 'className');
}

Example 2: javascript hasclass

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}

Example 3: javascript hass class

if (myElement.classList.contains('someClassname')) {
    // do something
}

Example 4: query selector has clas

document.body.classList.add('thisClass');
// $('body').addClass('thisClass');

document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');

document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');

Example 5: how to check has class name in js?

element.classList.contains(className);Code language: CSS (css)

Example 6: jquery select input value empty and hasclass

$('.check-fields').on('click', function () {

    var reqlength = $('.required-entry').length;
    console.log(reqlength);
    var value = $('.required-entry').filter(function () {
        return this.value != '';
    });

    if (value.length>=0 && (value.length !== reqlength)) {
        alert('Please fill out all required fields.');
    } else {
        alert('Everything has a value.');
    }
});

Tags:

Css Example