JQuery

$(selector).action();

$('p').hide();

$(document).ready(function() {
  // code
});

$(function() {});

$('#myId')

$('.myClass')

$('input[type="text"]')

$('li:first')
$('li:last')

$('li:eq(2)') //3rd element, 0-based index

$('p').css('color','red').slideUp(2000).slideDown(2000);

$('#myDiv').html('<p>New HTML</p>');

$('#myDiv').text('Hello World');

$('input').val('new value');

$('p').addClass('highlight');
$('p').removeClass('highlight');

$('p').toggleClass('active');

$('ul').append('<li>End</li>');
$('ul').prepend('<li>Start</li>');

$('p').before('<div>Before</div>');
$('p').after('<div>After</div>');

$('p').remove();

$('div').empty();

$('button').click(function() {
  alert('Clicked!');
});

$('div').mouseover(function() {
  $(this).css('background','yellow');
});

$('p').on({
  click: function(){},
  mouseenter: function(){}
});

$('ul').on('click', 'li', function(){
  $(this).toggleClass('active');
});

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

$('p').hide();
$('p').show();

$('p').toggle();

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

$('div').slideUp();
$('div').slideDown();

$('div').animate({
  left: '250px',
  opacity: 0.5
}, 1000);

$('div').stop();

$('#result').load('data.txt');

$.get('data.php', function(data) {
  console.log(data);
});

$.post('submit.php', {name:'John'}, function(response){
  alert(response);
});

$.ajax({
  url: 'data.php',
  type: 'GET',
  dataType: 'json',
  success: function(res){ console.log(res); },
  error: function(err){ console.error(err); }
});

$.each([1,2,3], function(index, value){
  console.log(index, value);
});

if ($('#myId').length) { /* exists */ }

$('img').attr('src');

$('img').attr('alt', 'New Alt');

$('input').removeAttr('disabled');

let pos = $('#box').offset(); // {top, left}

$('div').width();
$('div').height();

$.fn.highlight = function() {
  this.css('background','yellow');
  return this;
};
$('p').highlight();

$.fn.jquery; // "3.6.0"

$('div').data('id', 5); // set
$('div').data('id');    // get

$('div').css('color','red').slideUp().slideDown();

$('li:even') // 0-based index
$('li:odd')

$('p:contains("Hello")')

$('div:visible')
$('div:hidden')

$('li').filter(':eq(2)')

$('li').filter(function(){
  return $(this).text() === "Special";
});

$.get('data.json')
  .done(function(data) { console.log(data); })
  .fail(function(err) { console.error(err); })
  .always(function() { console.log('complete'); });

$.when($.get('/1'), $.get('/2')).done(function(r1, r2){
  console.log(r1, r2);
});

$('div').slideUp(2000).delay(1000).fadeIn(2000);

$('div').clearQueue();

$('div').stop(true, true); 
// stop + jump to end

$('input').attr('checked');
 // 'checked'
$('input').prop('checked');
 // true/false

$('input').prop('checked', true);

$('li').click(function(){
  alert( $(this).index() );
});

$('#box').clone().appendTo('#container');

var $el = $('#bigDiv');
$el.hide();
// reuse $el

var $el = $('#largeList').detach();
$el.find('li').removeClass('foo');
$('body').append($el);

var height = $('#box').height();
// use height repeatedly

document.querySelector('#id') 
// vs
$('#id')

el.classList.add('myClass'); 
// vs
$(el).addClass('myClass')

fetch('/data').then(res => res.json());

$.getJSON('/data', cb);

$.fn.highlight = function(){
  return this.each(function(){
    $(this).css('background','yellow');
  });
};
$('p').highlight();

$.fn.myPlugin = function(options){
  var settings = $.extend({
    color: 'red'
  }, options);
  return this.css('color', settings.color);
};
$('p').myPlugin({color:'blue'});

$.myGlobalFunc = function(){
  alert('Hello');
}
$.myGlobalFunc();

$.ajax({
  url: '/api',
  type: 'POST',
  contentType: 'application/json',
  data: JSON.stringify({x:1})
});

$.ajaxSetup({
  headers: { 'Authorization': 'Bearer token' }
});

var req = $.ajax(...);
req.abort();

$('span').parent();

$('span').parents();

$('div').children('p');

$('li.active').siblings();

$('ul').find('li');

$('div').filter('.highlighted');

$('form').serialize();

$('button').trigger('click');

$('div').hover(function(){
  $(this).addClass('over');
}, function(){
  $(this).removeClass('over');
});

$(window).resize(function(){
  console.log('resized');
});

$(window).scroll(function(){
  console.log($(this).scrollTop());
});

if( $('#myDiv').attr('data-foo') !== undefined ) { }

$('li').eq(2);

$('html, body').animate({scrollTop: 0}, 500);