How to Create Animation using jQuery
In this article, you will learn How to Create Animation using jQuery like hiding and show. Example:-
…<html>
<head>
<title>Animation in jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var div = $("div");
div.animate({left: '250px'}, "slow");
div.animate({fontSize: '3em'}, "slow");
});
});
How to Add New HTML Content using jQuery
In this article, you will learn How to Add New HTML Content using jQuery. Four jQuery Methods for add new content. jQuery append() method
…<html>
<head>
<title>jQuery append() Method</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append("
How to Create Remove Element or Content using jQuery
In this article, You will Learn How to Create Remove Element or Content using jQuery jQuery remove() Method Example:-
…<html>
<head>
<title>jQuery remove()</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:red;color:#ffffff">
<p>Welcome
How to Create jQuery CSS Method
In this article, you will learn How to Create jQuery CSS Method. CSS is a cascading stylesheet so we will explain How to Create jQuery CSS() Method. Example:-
…<html>
<head>
<title>jQuery css() Method</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color": "yellow",