close bootstrap modal with jquery code example

Example 1: close modal jquery

$('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

Example 2: on modal close jquery

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

Example 3: data-dismiss= modal in jquery

$(document).ready(function(){
        // Open modal on page load
        $("#myModal").modal('show');
 
        // Close modal on button click
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
    });

Example 4: jquery close bootstrap model

$('#modal').modal('hide');

Example 5: hide bootstrap modal jquery

$(document).ready(function(){
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
});

Example 6: close bootstrap modal with javascript

$('#myModal').modal('hide');