JQuery set .focus() .focus() sets focus on given element. You may want to set focus on texbox or checkbox or radio buttons when document is loaded in browser. .focus() example <script type="text/javascript" language="javascript"> $("document").ready(function(){ ... [More]

Tags:

Jquery

Jquery Dropdown Selected Value On Change of dropdown selected value we can perform several actions based on new selection. In this post we will see how to get selected value of Dropdown list. We will use JQuery to get Dropdown selected value. <script type="text/javascript" language="javascript"> ... [More]

Tags:

Jquery

JQuery Add Element Here we will see how to add element in JQuery. You can dynamically create elements in Jquery and add them to DOM collection. Jquery add Span inside Div example We will append span element to parent Div element. <script type="text/javascript" language="javascript"> ... [More]

Tags:

Jquery

JQuery TextBox Value() You want to get value of input textbox using JQuery. Here is simple code that gives you value of textbox. JQuery Get Value Example <script type="text/javascript" language="javascript"> $(document).ready( function (){ $("#Button1").click( functio... [More]

Tags:

Jquery

JQuery how to change background image In last post we saw how to add background image inside DIV tag. In this tutorial we will change background image of Div dynamically using JQuery. JQuery Script to change background image dynamically <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type=&qu... [More]

Tags:

Jquery

How To Hide Div On Click Using JQuery Well, you may want to dismiss the content inside the div element on page. It’s very simple to achieve using JQuery scripts. Let’s see, how to hide Div element on click event. JQuery hide div <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js type="text/javascript&q... [More]

Tags:

Jquery

JQuery Collapsible Div Here is simple code which demonstrate how to make div collapsible using JQuery. It can be achieved in many way. We will use JQuery toggle() function. JQuery toggle example In below example I’m finding html anchor element by it’s class name. This way I can attach click event to all anchor tag havin... [More]

Tags:

Jquery

JQuery add/remove Class Dynamically Here we will see how to add/remove class dynamically in JQuery. It provides addClass(“className”) and removeClass(“className”) functionality. Let’s see example in details. $(“#div1”).addClass(“redDiv”); will add redDiv css to div element whose id is “div1”. $(“#div2”).addClass(“blueDiv”); wi... [More]

Tags:

Jquery

JQuery On Click Change Div Content Here is how to change content of div element on click of button click event using JQuery. You need to find div element and call html() function on it. Example <html> <head> <title>Jquery Change content of Div</title> <script src="http://ajax.googleapis.com/... [More]

Tags:

Jquery

JQuery Page Refresh Here we will see how to refresh page using JQuery. On button click we can refresh the page or timely call the function which refresh the page. location.reload(); is used to do the task. Note: location.reload(); function generates new request to all resources like CSS, external JavaScript and page. ... [More]

Tags:

Jquery

<< Previous posts Next posts >>

Author

My name is Satalaj, but people call me Sat. Here is my homepage: . I live in Pune, PN and work as a Software Engineer. I'm former MVP in ASP.net year 2010.
Disclaimer: Views or opinion expressed here are my personal research and it has nothing to do with my employer. You are free to use the code, ideas/hints in your projects. However, you should not copy and paste my original content to other web sites. Feel free to copy or extend the code.
If you want to fight with me, this website is not for you.
 

I'm Satalaj.