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

Google Advertisements
Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements