Detect any Event on an Element using jQuery The jQuery event.type is very useful when you want to detect the nature of an event on an Element and determine if it was a click, doubleclick, mousemove, mouseenter and so on. Here’s how to detect the Event Type on an Element with minimal code in jQuery <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head><title>Detect any event</title>
Welcome jQuery newbies! I’m writing a quick post here to help clarify some differences between the parent() and parents() methods. Given the following HTML: <html>…<body><div class=”one”><div class=”two”><p><span>Some text</span></p></div></div></body></html> $(‘span’).parent() will select the <p> tag such that the element set in the jQuery object is [span]. $(‘span’).parents() will select all parent tags such that the element set in the jQuery object is [p, div.two, div.one, body, html]. jQuery parent() vs. parents() at jQuery Minute™
Note: This information may now be out of date. It was published in 2010! In truth it’s not a fix as the iPad doesn’t have the ability to hover. Apple has developed extra events to replace hover on it’s mobile touch devices. TouchStart() & TouchEnd() (function jquery)
There are a few things that a console.log wrapper can and should do: Prevent errors if a console isn’t around (i.e. IE)Maintain a history of logs, so you can look in the past if your console is added afterwards (e.g. firebug lite)Normalize the browser differences in console integration (e.g. when passing multiple arguments into console.log())For something you type regularly, make it quicker to type for the lazy among us. But there are a few considerations… log() – A lightweight wrapper for console.log
jQuery idleTimer plugin There are a few cases where you want to know if the user is idle. Namely: You want to preload more assetsYou want to grab their attention to pull them backYou want close their banking session after 5 minutes of inactivity. (Jerk!)
Note: This documentation is currently out-of-date and will be updated soon. In the mean time, please refer to the GitHub README and Wiki. This plugin aims to progressively enhance your page. Infinite Scroll jQuery Plugin « Infinite Scroll | jQuery plugin, Wordpress plugin, interaction design pattern
Only load jQuery if not already present | Ricky Moorhouse
01 February 2011 The difference between .bind(), .live(), and .delegate() is not always apparent. Having a clear understanding of all the differences, though, will help us write more concise code and prevent bugs from popping up in our interactive applications.
JQuery live 'change' doesn't work in IE | Taswar Bhatti Blog Posted in JQuery on May 4th, 2010 by taswar So was having issues as in why does my checkbox doesn’t work in IE when I do And found out that jquery does not bind live “change” events, I was told that it works in 1.4.2 but for some reason I still was not able to get it working.
.replaceWith Description: Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed. The .replaceWith() method removes content from the DOM and inserts new content in its place with a single call. Consider this DOM structure: The second inner <div> could be replaced with the specified HTML: