updated on March 2012. So, two years after I originally answered this question I come back to see that it has pretty much turned into a big mess. I feel it’s about time I come back to it and make my answer truly correct since it is the most upvoted + accepted. For the record, … Read more
Use a comma. ‘.classA, .classB’ You may choose to omit the space.
Try using click instead of focus. It seems to work for both mouse and key events (at least on Chrome/Mac): jQuery < version 1.7: $(“input[type=”text”]”).click(function () { $(this).select(); }); jQuery version 1.7+: $(“input[type=”text”]”).on(“click”, function () { $(this).select(); }); Here is a demo
You can use the :eq selector, for example: $(“td:eq(2)”).css(“color”, “red”); // gets the third td element Or the eq(int) function: $(“td”).eq(2).css(“color”, “red”); Also, remember that the indexes are zero-based.
tl;dr: (try it here) If you have the following HTML: <div id=”menu” style=”display: none;”> <!– menu stuff in here –> <ul><li>Menu item</li></ul> </div> <div class=”parent”>Hover over me to show the menu here</div> then you can use the following JavaScript code: $(“.parent”).mouseover(function() { // .position() uses position relative to the offset parent, var pos = $(this).position(); … Read more
$(document).ready(function() { // executes when HTML-Document is loaded and DOM is ready console.log(“document is ready”); }); $(window).load(function() { // executes when complete page is fully loaded, including all frames, objects and images console.log(“window is loaded”); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> Query 3.0 version Breaking change: .load(), .unload(), and .error() removed These methods are shortcuts for event operations, … Read more
(Look at the last edit in this answer if you need to use .on() with elements populated with JavaScript) Use this for elements that are not populated using JavaScript: $(“.selector”).on(“mouseover”, function () { //stuff to do on mouseover }); .hover() has it’s own handler: http://api.jquery.com/hover/ If you want to do multiple things, chain them in … Read more
Buttons Buttons are simple to disable as disabled is a button property which is handled by the browser: <input type=”submit” class=”btn” value=”My Input Submit” disabled/> <input type=”button” class=”btn” value=”My Input Button” disabled/> <button class=”btn” disabled>My Button</button> To disable these with a custom jQuery function, you’d simply make use of fn.extend(): // Disable function jQuery.fn.extend({ disable: … Read more
I am operating in cross-domain scenario. During login remote server is returning Set-Cookie header along with Access-Control-Allow-Credentials set to true. The next ajax call to remote server should use this cookie. CORS’s Access-Control-Allow-Credentials is there to allow cross-domain logging. Check https://developer.mozilla.org/En/HTTP_access_control for examples. For me it seems like a bug in JQuery (or at least … Read more
Just use standard DOM functionality: $(‘#xxx’)[0].outerHTML Or a bit simpler with .prop(): $(‘#xxx’).prop(‘outerHTML’) outerHTML is well supported – verify at Mozilla or caniuse.