Move the HTML content (including all children) of one element into another element with the help of jQuery. So, let’s see how to move an element into another element. Suppose, you want to move one DIV element inside another div. For example, this div element: <div id=”sourceDiv”> … </div> Into this: <div id=”destinationDiv”> … </div> […]
Here is little example of getting element attributes values with the help of jQuery and store them in an object. The element’s attributes property is incredibly handy when we want to see what attributes are present in the element without explicitly knowing which to look for. The attributes property provides an easy level of dynamism. […]
While creating the id attributes for HTML elements, we need to provide Valid values for id attribute. Let’s see what are they. ID and NAME value must contain with a letter (A-Za-z) and this may be followed by any number of letters, digits (0-9), underscores (“_”), hyphens (“-“), periods (“.”) and colons (“:”). In HTML […]
Sometimes in jQuery we need to select all checkbox that are child of a element or depends on child checkbox we need to select top most parent checkbox. You need to iterate all children for which the parent you click in and the same way for a child we need to check top most parent. […]
The on() method attaches one or more event handler functions for one or more events to the selected elements. Event handlers attached using the jQuery on() method will work for both current and future elements i.e. dynamic element created by a script. Note: As of jQuery version 1.7, the jQuery on() method is the new […]
jQuery data method gives you the ability to associate arbitrary data with HTML DOM nodes and JavaScript objects. As of jQuery 1.4.3, you have the ability to use this method on JavaScript objects and call for element modification. jQuery.data() method store arbitrary data associated with the specified element or returns the value that was set. […]
Sometimes it is required in our website to move the page scroll to any jQuery/DOM element position for a reason like clicking on anchor move the scroll to div element. Here’s how you can programmatically scroll to any element on the top of the page. If you’re using jQuery then, you don’t need any plugin. […]
Using jsPDF library, you can download the div containing graphs, tables, contents as a PDF. This is a HTML5 client-side solution for generating PDFs. Simply include library in your <head>, generate your PDF using the many built-in functions, then create a button to trigger the download. <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js”></script> Create a object: var doc = […]
The prop and attr both method sets or returns properties/attributes and values of the selected elements. Let’s see the difference between Attr and Prop in jQuery. prop() grabs the specified DOM property whereas attr() grabs the specified HTML attribute. To know more about jQuery prop(), click here. To know more about jQuery attr(), click here. […]
The jQuery toggleClass() Method toggles between adding and removing one or more class names from each element in the set of matched elements. Example of jQuery toggleClass: Suppose, we have below HTML: <div class=”myclass”>Your text here.</div> When you apply $( “.myclass” ).toggleClass( “newClass” ), we get the following: <div class=”myclass newClass”>Your text here.</div> Again, if […]