Add append prepand JQuery

By Prof. Fazal Rehman Shamil
	
Last modified on June 10th, 2020

Add append and prepand in JQuery

$(document).ready(function(){
$("#aaa").click(function(){
$("p").append(" <b>Appended text</b>.");
});
$("#bbb").click(function(){
$("ol").append("<li>Appended item</li>");
});
});

$(document).ready(function(){

$("#aaa").click(function(){

$("p").append(" <b>Appended text</b>.");

});

$("#bbb").click(function(){

$("ol").append("<li>Appended item</li>");

});

Try it

Add prepend() Method in jQuery

$(document).ready(function(){
$("#aaa").click(function(){
$("p").prepend("<b>Prepended text</b>. ");
});
$("#bbb").click(function(){
$("ol").prepend("<li>Prepended item</li>");
});
});