jQuery

jQuery is the most popular JavaScript library

    from CDN (Content Delivery Network):
  • Google CDN: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  • Microsoft CDN:<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
jQuery Syntax: $(selector).action()
Callback Functions: $(selector).action(effect, callback)
A callback function is executed after the current function is finished
$(selector).animate({params},speed,callback);
$(selector).slideDown(speed,callback);
$(selector).fadeIn(speed,callback);
$(selector).hide(speed,callback);
  • SelectorsjQuery uses CSS syntax to select elements: #id, .class,...
    hide, show, toggle, css
  • Eventsclick, dblclick, mouseenter, mouseleave, mousedown, mouseup, hover, focus, blur, on, keypress, keydown, keyup...
    text
  • EffectsFading,
  • EffectsSliding
  • Animation
  • Callback, Chaining
  • DOMDocument Object Model
    text, html, val, attr, append, before, after, remove, empty, addClass, removeClass, toggleClass, width, height, innerWidth, innerHeight, outerWidth, outerHeight
  • DOMTraversing
    parent, parents, parentsUntil, children, find, siblings, next, nextAll, nextUntil, first, last, eq, filter, not
  • AJAXAsynchronous JavaScript and XML