Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to use append()event in Jquery.
Basically append() method is used for inserting specified content at the end of the selected elements hence we can say that this method always insert specified content in end of element.
Syntax of append() method.
$(selector).append(content,function(index,html))
some parameter is given below:
Content is a Required parameter.
function(index,html) both are optional parameter.
You can see below example.
<!DOCTYPE html>
<html>
<head>
<!-- here add jquery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
//here call button id for slector
$("#btn").click(function(){
//insert content at the end of selected set of elements.
$("ol").append("<li>Employee list</li>");
});
});
</script>
</head>
<body>
<h3>This is a employee list.</h3>
<ol>
<li>Employee list</li>
<li>Employee list</li>
</ol>
<!-- define here button id -->
<button id="btn">Append employee list</button>
</body>
</html>
0 Comment(s)