What are the possible reasons for document.getElementById, $("#id") or any other DOM method / jQuery selector not finding the elements?  Example problems include:   jQuery silently failing to bind an event handler jQuery "getter" me...

Suppose I'm familiar with developing client-side applications in jQuery, but now I'd like to start using AngularJS. Can you describe the paradigm shift that is necessary? Here are a few questions that might help you frame an answer:   How d...

I would like to upload a file asynchronously with jQuery. This is my HTML:  <span>File</span> <input type="file" id="file" name="file" size="10"/> <input id="uploadbutton" type="butto...

When I want to prevent other event handlers from executing after a certain event is fired, I can use one of two techniques. I'll use jQuery in the examples, but this applies to plain-JS as well:  1. event.preventDefault()  $('a').click(...

Why does the following work?  <something>.stop().animate(     { 'top' : 10 }, 10 );   Whereas this doesn't work:  var thetop = 'top'; <something>.stop().animate(     { thetop : 10 }, 10 );   To make it even clearer:...

Is there any way to select/manipulate CSS pseudo-elements such as ::before and ::after (and the old version with one semi-colon) using jQuery?  For example, my stylesheet has the following rule:  .span::after{ content:'foo' }   How can I ch...

Is there a solid way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld device.  The jQuery $.browser function is...

I have a data structure like this :  var someObject = {     'part1' : {         'name': 'Part 1',         'size': '20',         'qty' : '50'     },     'part2' : {         'name...

This question already has an answer here:                           Event binding on dynamically created elements?                                      23 answers                                     Suppose I have some jQuery code tha...

I'm loading elements via AJAX. Some of them are only visible if you scroll down the page. Is there any way I can know if an element is now in the visible part of the page?...