jQuery is a JavaScript library. It is fast, small, and feature-rich library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. For more details visit http://jquery.com/
jQuery is a JavaScript library. It is a lightweight, “write less, do more”, JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your website.
jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them … Read more
It helps to Add an element to a selected element.
// To add “p” tag and change its background color to green.
$( “li” ).add( “p” ).css( “background-color”, “green” );
It helps to add the previous element on the stack to the current element, optionally filtered by a selector.
// HTML Content
<ul>
<li>item 1</li>
<li>item 2</li>
<li class=”third-item”>item 3</li>
<li>item 4</li>
<li>item 5</li>
</ul>
// To apply yellow from “item 4” to “item 5”
$( “li.third-item” ).nextAll().css( “background-color”,
It helps to add the specified class(s) to each of the set of matched elements.
// To add CSS class “newClass” to all “p” tags (< p Class="newClass"/>..< /p>)
$( “p” ).addClass( “newClass” );
It helps to inserts specified content after the selected elements.
// To insert content after each < p> element:
$(“button”).click(function(){
$(“p”).after(“Hello world!”);
});
It Register a handler to be called when Ajax requests complete.
// To add a log and it will display when the ajax request completed.
$( document ).ajaxComplete(function() {
$( “.log” ).text( “Triggered ajaxComplete handler.” );
});
It helps to register a handler , to be called when Ajax requests complete with an error.
// an alert box will display , when an AJAX request fails
$( document ).ajaxError(function() {
alert(“An error occurred in Ajax action!”);
});
It helps to attach a function to be executed before an Ajax request is sent.
// To add a log, when an AJAX requests is about to be sent. It will bind when requesting the ajax action.
$( document ).ajaxSend(function() {
$( “.log” ).text( “Triggered ajaxSend handler.” );
});
It will execute when the first Ajax request begins.
// To add a “loading” indicator image when an AJAX request starts:
$(document).ajaxStart(function(){
$(this).html(“< img src='demo_wait.gif' />“);
});
It will execute when all Ajax requests have completed.
// an alert box will display when all AJAX requests have completed
$(document).ajaxStart(function(){
$(this).html(“< img src='demo_wait.gif' />“);
});