I finally stumbled upon this link “A CORS POST request works from plain javascript, but why not with jQuery?” that notes that jQuery 1.5.1 adds the Access-Control-Request-Headers: x-requested-with header to all CORS requests. jQuery 1.5.2 does not do this. Also, according to the same question, setting a server response header of Access-Control-Allow-Headers: * does not … Read more
document.ready is a jQuery event, it runs when the DOM is ready, e.g. all elements are there to be found/used, but not necessarily all content. window.onload fires later (or at the same time in the worst/failing cases) when images and such are loaded, so if you’re using image dimensions for example, you often want to … Read more
Here’s one that works (see the example): function updateTextArea() { var allVals = []; $(‘#c_b :checked’).each(function() { allVals.push($(this).val()); }); $(‘#t’).val(allVals); } $(function() { $(‘#c_b input’).click(updateTextArea); updateTextArea(); }); Update Some number of months later another question was asked in regards to how to keep the above working if the ID changes. Well, the solution boils down … Read more
You have to use a more complex function like $.ajax() if you want to control caching on a per-request basis. Or, if you just want to turn it off for everything, put this at the top of your script: $.ajaxSetup ({ // Disable caching of AJAX responses cache: false });
If your element exposes class A from the start, you can write: $(element).toggleClass(“A B”); This will remove class A and add class B. If you do that again, it will remove class B and reinstate class A. If you want to match the elements that expose either class, you can use a multiple class selector … Read more
Perhaps you don’t have a recent enough version of Greasemonkey. It was version 0.8 that added @require. // @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js If you don’t have 0.8, then use the technique Joan Piedra describes for manually adding a script element to the page. Between version 0.8 and 0.9, @require is only processed when the script is first … Read more
You can use the .not() method or :not() selector Code based on your example: $(“ul#list li”).not(“.active”) // not method $(“ul#list li:not(.active)”) // not selector
I asked this same question: How can I get the button that caused the submit from the form submit event? I ended up coming up with this solution and it worked pretty well: $(document).ready(function() { $(“form”).submit(function() { var val = $(“input[type=submit][clicked=true]”).val(); // DO WORK }); $(“form input[type=submit]”).click(function() { $(“input[type=submit]”, $(this).parents(“form”)).removeAttr(“clicked”); $(this).attr(“clicked”, “true”); }); }); In … Read more
You can have multiple ones, but it’s not always the neatest thing to do. Try not to overuse them, as it will seriously affect readability. Other than that , it’s perfectly legal. See the below: Multiple $(document).ready() Try this out: $(document).ready(function() { alert(‘Hello Tom!’); }); $(document).ready(function() { alert(‘Hello Jeff!’); }); $(document).ready(function() { alert(‘Hello Dexter!’); }); … Read more
jQuery has the contains method. Here’s a snippet for you: <script type=”text/javascript”> $(function() { var foundin = $(‘*:contains(“I am a simple string”)’); }); </script> The selector above selects any element that contains the target string. The foundin will be a jQuery object that contains any matched element. See the API information at: https://api.jquery.com/contains-selector/ One thing … Read more