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 to Hub of Tutorials</p>
<p>jQuery remove Method.</p>
</div>
<br>
<button>Remove div element</button>
</body>
</html>
jQuery empty() Method
Example:-
<html>
<head>
<title>jQuery empty()</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").empty();
  });
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:red;color:#ffffff">
<p>Welcome to Hub of Tutorials</p>
<p>jQuery remove Method.</p>
</div>
<br>
<button>Empty div element</button>
</body>
</html>
Read Full article

Comments

Popular posts from this blog

Student Result Management System

What Is The Job Role Of A Customer Support Executive?

TOP RECRUITMENT COMPANIES IN INDIA