jQuery Selectors

$("*").css("color", "red")
$("p").css("color", "red")
$(".ex1").css("color", "red")
$("#ex2").css("color", "red")
$(":button").css("color", "red")
$("ul > li").css("color", "red")

Descendant Selector (“ancestor descendant”)

:even Selector see also :odd

:first Selector

:last Selector

:first-child Selector

li:nth-child(3n) Selector

:gt() Selector

Attribute Selector $('[href]')

Events

Mouse Events

.click()

.dblclick()

.toggle()

.hover() combination of JavaScript's mouseenter and mouseleave

$(document).on('mousemove', function(e){
    $('#coords').html('Coords: X: '+e.clientX+ ' Y: '+e.clientY)
});

Other Events

.hide()

.focus()

.blur()

.keyup()

.change()

Other

text()

html()

append()

prepend()

before()

after()

empty()

detach()

$('a').attr('target', '_blank')

$('a').removeAttr('target')

$('#myId').wrap('

')

$('li').wrapAll('

')

addClass('myClass')

removeClass('myClass')

toggleClass('myClass')

paragraph 1

paragraph 2

paragraph 3 (class="ex1")

paragraph 4

paragraph 5 (id="ex2")

paragraph 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa optio, repellendus? Accusantium aliquam deserunt ducimus explicabo harum in iure iusto magnam natus, nemo, nisi omnis quae quidem reiciendis sint soluta unde vitae, voluptate. Accusantium amet animi aspernatur atque autem ex, explicabo illo, laboriosam maxime, quae sapiente voluptate? Architecto, dolorem, doloremque ea esse et ex id impedit itaque libero maiores porro repellat sed soluta, ut vel voluptate voluptatem. Aspernatur aut fugit libero vel. Ab dignissimos dolorum eligendi, excepturi illo iste itaque nesciunt odit optio pariatur quia repudiandae totam, veniam. Amet blanditiis eligendi ipsam recusandae rerum tenetur.