Jquery Chaining


Prev Tutorial Next Tutorial

Chaining

Chaining are used to run multiple jQuery methods (on the same element) within a single statement.

Syntax

css("propertyname");

Example of css()

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#para").css("color", "blue").slideUp(2500).slideDown(2500);
    });
});
</script>
</head>
<body>

<p id="para">Hello JQuery !!.</p>

<button>Click me</button>

</body>
</html>

Output

Hello JQuery !!

Note: you can format above code like you want, including line breaks. JQuery is not very strict on the syntax.

Syntax



Prev Tutorial Next Tutorial

Download Projects

Google Adsense Advertisements
Free Classified Site – Bedpage

Yahoo Advertisements