jQuery

• jQuery is a JavaScript library
• jQuery is a simplifies JavaScript programming

Base Syntax

• $(selector).action()
  • A $ sign to define/access jQuery
  • A (selector) to "query" HTML elements
  • A jQuery action() to be performed on the element
• Example

  $(this).hide() // hides the current element
  $("p").hide() // hides all <p> elements
  $(".test").hide() // hides all elements with class="test"
  $("#test").hide() // hides the elements with id="test"

• id vs class vs name

  • id should be unique in the page
  • id and class are primarily used for css and javascript
  • name do not have to be unique, and can be used to group elements together such as radio buttons and checkboxes
  • name attribute is used for posting
  • name mainly use in form
  • reference
    • https://stackoverflow.com/questions/7470268/html-input-name-vs-id
    • https://www.kirupa.com/html5/naming_via_class_id_name.htm

• Reference

  • http://api.jquery.com/closest/#closest-selector-context
  • https://www.w3schools.com/Jquery/jquery_traversing_filtering.asp