Directions

  • You really should try to answer the 5 questions below this without any help. These are core concepts that you should at least attempt to learn.
  • The update JQUERY function may require a little help but try without first
  • Hacks should only take 20 minutes at most

Free Response and MCQ

  1. What does CRUD stand for?
    • Create
    • Read
    • Update
    • Delete
  2. What are the HTTP verbs that are associated with each CRUD action?
    • C - POST
    • R - GET
    • U - PUT/PATCH
    • D - DELETE
  3. What is JQuery?

Jquery is a Javascript Library that simplifies tasks like HTML document traversal and manipulation, event handling, and animation, making it easier to create web pages.

  1. Match A, B, and C into the JQuery event handler for a data table
    • A: ‘click’
    • B: ‘.delete-btn’
    • C: ‘#data-table’
    $(C).on(A, B, function() {
    // code
    });

This event handler is set up to trigger the specified function when a click event occurs on an element with the class ‘.delete-btn’ inside the element with the id ‘data-table’.

  1. Why do we use JQUERY with CRUD? Query is used with CRUD operations in web development for its simplified syntax, cross-browser compatibility, AJAX support, ease of DOM manipulation, and convenient event handling. It shows code development, enhances readability, and provides features that make handling Create, Read, Update, and Delete (CRUD) operations more efficient and consistent across different browsers.

Finish the update JQUERY function

  • its all the way at the end, you should see the green comment
  • you can choose to use the two lines I’ve already given or not

<!DOCTYPE html>

Barbie Characters
ID Name Email Actions