Jquery Chaining
Advertisements
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
Google Advertisment