Demo of Opening and closing Child window from Parent using JQuery

Enter Your Name. This data will be carried to Child window once it is opened.

JQuery Parent Window

<script>
$(document).ready(function() {
var newWin; // declaring global variable 
////////////////////////////
$("#b_open").click(function(){
newWin = window.open("window-child-data.php");
})
//////////////
$("#b_close").click(function(){
newWin.close(); 
})
///////
})
</script>

JQuery Child Window

<script>
$(document).ready(function() {
////////////////
var str=parent.window.opener.$('#t1').val()	
$('#d1').html("Parent Window Data = " + str);
//////////////
$("#b2").click(function(){
var sel=$('#t2').val();	
window.opener.$('#t1').val(sel);	
self.close(); 
})
///////
})
</script>

HTML Parent Window

<input type='text' class='form-control' id='t1'>
<button type='button' class='btn btn-success btn-lg ' id='b_open'>Open Child Window</button>
<button type='button' class='btn btn-danger btn-lg ' id='b_close'>Close Child Window</button>