Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

README.md

Jquery

Getting Started

$(document).ready(() => {
    $('li').even().addClass('yourClass').text('Hello World');

    $('h1').on('click', function () {
        $(this).css('color', 'red');
        $('li').last().fadeOut(3000);
    });
});

API

.addClass(className)

$('div').addClass('class1', 'class2');

.append(html)

$('div').append('<div>some content</div>');

.check()

$('input[type=checkbox]').check();

.css()

$('div').css('color', 'royalblue');

// or

$('div').css({
    color: 'royalblue',
    width: '100px'
});

.debug()

$('div').debug();

.even()

$('li').even();

.fadeIn(duration)

$('div').fadeIn(5000);

.fadeOut(duration)

$('div').fadeOut(5000);

.filter()

$('input').filter(elem => elem.type === 'text');

.first()

$('li').first();

.forEach()

$('li').forEach(elem => elem.style.color = 'orangered');

.last()

$('li').last();

.odd()

$('li').odd();

.off()

$('li').off('click');

.on()

$('li').on('click', event => {
    console.log(event.target);
});

// or

$('li').on('click', function () {
    console.log(this);
});

.prepend(html)

$('div').prepend('<div>some content</div>');

.ready()

$(document).ready(() => {
    // do something
});

.removeClass(className)

$('li').removeClass('class1', 'class2');

.text(value)

$('div').text(value);

.toggleClass(className)

$('div').toggleClass('yourClass');

.setValues()

$('input').setValues({
    firstName: 'john',
    lastName: 'Doe'
});

.getValues()

$('input').getValues();