JavaScript DOM object to jQuery object

Question

How can I convert a JavaScript DOM object to a jQuery object?

function changeStatus(myObject) {
       XXX.removeClass         


        

Answer 1

var $this = $(myObject);

$this is a jQuery object. You can create jQuery objects from DOM elements.

function changeStatus(myObject) {
       $(myObject).removeClass();
}

I would like to recommend doing your event binding with jQuery as well:

$('.change-status').on('click', function () {
    $(this).removeClass( ... );
});

This is nice because now all the JS code is in one place and can be updated (in my opinion) more easily. Note that the class I added to the element is not necessary if you want to bind to all elements in the DOM.