jQuery addClass onClick

by

It needs to be a jQuery element to use .addClass(), so it needs to be wrapped in $() like this:

function addClassByClick(button){
  $(button).addClass("active")
}

A better overall solution would be unobtrusive script, for example:

<asp:Button ID="Button" runat="server" class="clickable"/>

Then in jquery:

$(function() {                       //run when the DOM is ready
  $(".clickable").click(function() {  //use a class, since your ID gets mangled
    $(this).addClass("active");      //add the class to the clicked element
  });
});

More Related Contents:

  1. How to do the same in JavaScript? [closed]
  2. jQuery $(document).ready and UpdatePanels?
  3. Change the selected value of a drop-down list with jQuery
  4. how to parse a “dd/mm/yyyy” or “dd-mm-yyyy” or “dd-mmm-yyyy” formatted date string using JavaScript or jQuery [duplicate]
  5. Ajax request returns 200 OK, but an error event is fired instead of success
  6. How to do a Jquery Callback after form submit?
  7. make iframe height dynamic based on content inside- JQUERY/Javascript
  8. Best way to get all selected checkboxes VALUES in jQuery [duplicate]
  9. Accessing Asp.net controls using jquery (all options)
  10. Verify External Script Is Loaded
  11. How can I validate google reCAPTCHA v2 using javascript/jQuery?
  12. Export to csv in jQuery
  13. jQuery returning “parsererror” for ajax request
  14. TypeError: $(…).DataTable is not a function
  15. How can I make window.showmodaldialog work in chrome 37?
  16. Calling ASP.NET Code Behind function from JavaScript
  17. jQuery DataTables server-side processing using ASP.NET WebForms
  18. Uploading File using Ajax in Asp.Net Core
  19. Iframe.readyState does not work in chrome
  20. Emailing to multiple recipients with html Mailto: not working
  21. Submit form using AJAX in Asp.Net mvc 4
  22. ASP.NET Parse DateTime result from ajax call to javascript date
  23. how to convert xml to json using jquery
  24. focus on next tabindex of HTML element onEnter keypress by JQuery
  25. Can’t append element
  26. CORS – How do ‘preflight’ an httprequest?
  27. How to change value of object which is inside an array using JavaScript or jQuery?
  28. How do I print part of a rendered HTML page in JavaScript?
  29. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  30. How to return an array from an AJAX call?

Leave a Comment