Subbu in Design
$(‘#pass’).keyup(function(e) { var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$”, “g”); var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”); var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”); if (false == enoughRegex.test($(this).val())) { $(‘#passstrength’).html(‘More Characters’); } else if (strongRegex.test($(this).val())) { $(‘#passstrength’).className =...
Very easy way to preload images which are needed later (e.g. when a hover is performed) <script type=”text/javascript”> $.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { $(“<img />”).attr(“src”, arguments[i]); } }...
Let’s say you want to attach a click handler to every link on a page. The function for that click handler turns all the other links a different color var $allLinks = $(“a”); $allLinks.click(function() { $allLinks.not(this).css(“color”,...
. 1. Speedo Popup jQuery Plugin Speedo Popup is a powerful popup / modal plugin. It`s fully RESPONSIVE and is designed to provide an optimal viewing experience. Also has compatibility for HTML5 and CSS3 and...
I have listed down 10 common jQuery mistakes from my personal experience and their fixes that you might be also doing while writing jQuery code. 1. Be courageous to remove jQuery Sometimes things can be...
The Basic syntax for setTimeout function is, 1 setTimeout(function() { 2 // Do something after 2 seconds 3 }, 2000); The setTimeout function takes the times in miliseconds. And the block can contain either yourjQuery code, or...
Before we begin, its important to know “What is jQuery Mobile”? Well, jQuery mobile is a framework created for making platform independent mobile applications. It is built using HTML5, CSS3, and the very popular jQuery...
What are “Pages”? A Page in jQuery Mobile is nothing but a container created within a <div data-role=”page”> that is displayed on the screen. It can contain the header, the page content, and the...
Let’s begin Any page in jQuery mobile can be created as dialog box. All you need to do is to apply data-rel=”dialog” attribute to the to the page anchor link and jQuery mobile will do the...
Q31. How do you check if an element is empty? Ans: There are 2 ways to check if element is empty or not. We can check using “:empty” selector. 1 $(document).ready(function(){ 2 if ($(‘#element’).is(‘:empty’)){ 3...
Below is the list of latest and updated jQuery interview questions and their answers for freshers as well as experienced users. These interview question covers latest version of jQuery which is jQuery 2.0. These interview...
apply CSS call functions on events traverse the documents manipulation purpose and to add effects too.
<html> <head> <script type=”text/javascript” src=”jquery.js”></script> <script type=”text/javascript”> // You can write the code here </script> </head> <body> <a href=”http://www.globalguideline.com/”>Global GuideLine</a> </body> </html>
Ans. * jQuery is great library for developing ajax based application. * It helps the programmers to keep code simple and concise and reusable. * jQuery library simplifies the process of traversal of HTML DOM...
Ans. The type of a function is “function”. There are a lot of anonymous functions is jquery. $(document).ready(function() {}); $(“a”).click(function() {}); $.ajax({ url: “someurl.php”, success: function() {} });
Ans. It is a jquery plugin which enables us to connect a function to another function. It is like assigning a handler for another function. This situation happens when you are using any javascript plugins...
Ans. For editing files, I love the e texteditor. It basically started as a textmate clone for windows, but since then grew into something much greater. One of the features I can’t live without now...
Ans. I switched to Mac hardware around a year ago and I�m totally in love with it. All components work together nicely, and so far, I never had to return my Macbook Pro to the...
With jQuery UI 1.7 being released in the last few days, what do you see as the key parts of jQuery UI 1.7? What are you most proud of out of that release? Ans. The...
Ans. Although it’s a bit embarrassing, my first programming experience was trying to build a customized and skinnable mediaplayer with Visual Basic 6. This probably was around 1999 or so, and although the media player...
Ans. Download the latest jQuery library from jQuery.com and include the reference to the jQuery library file in our ASPX page. <script src=”_scripts/jQuery-1.2.6.js” type=”text/javascript”></script> <script language=”javascript”> $(document).ready(function() { alert(‘test’); }); </script>
It’s a common need in web apps: you click something and the text of the thing you just clicked changes. Perhaps something simple like a “Show” button that swaps to “Hide”, or “Expand Description”...
I Write What I Do This blog is a reflection of things that I learn. I use jQuery a bunch. So when I translate things into a tutorial, I do it how I would...
jQuery contains powerful methods for changing and manipulating HTML elements and attributes. jQuery DOM Manipulation One very important part of jQuery is the possibility to manipulate the DOM. jQuery comes with a bunch of...
With jQuery, you can chain together actions/methods. Chaining allows us to run multiple jQuery methods (on the same element) within a single statement. jQuery Method Chaining Until now we have been writing jQuery statements...
A callback function is executed after the current effect is 100% finished. jQuery Callback Functions JavaScript statements are executed line by line. However, with effects, the next line of code can be run even...
jQuery stop() Method The jQuery stop() method is used to stop an animation or effect before it is finished. The stop() method works for all jQuery effect functions, including sliding, fading and custom animations....
jQuery Animations – The animate() Method The jQuery animate() method is used to create custom animations. Syntax: $(selector).animate({params},speed,callback); The required params parameter defines the CSS properties to be animated. The optional speed parameter specifies...
jQuery Fading Methods With jQuery you can fade an element in and out of visibility. jQuery has the following fade methods: fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() Method The jQuery fadeIn() method is used...