Same domain jQuery (cross) iframe operation DOM (sample code)_jquery

Frame is still quite popular at present, and it is used in many places to implement special situations. For example, traditional upload, select under ie6, proxy, cross-domain, etc. Today, I will briefly describe the related operations across iframes, mainly using jQuery to operate the DOM structure.

Copy code The code is as follows:

Copy code The code is as follows:

$('#read-aa').click(function ()
{
var v=$('#aa').contents().find('body').html();
alert(v);
});
$('#write-aa').click(function()
{

$('#aa').contents().find('div').append('< ;hr>This is the content written by index.php when operating aa.php');
});

The main method is contents(), which reads iframe.

2. iframe cross-parent frame operation iframe

Copy code The code is as follows:

< ;!DOCTYPE html>







<script> <BR>$(function()<BR>{<BR> $('#read-aa').click(function()<BR> {<BR> var v=$('#aa').contents().find('body').html();<BR> alert(v);<BR> });<BR> $('#write-aa').click(function()<BR> {<br><br> $('#aa').contents( ).find('div').append('<hr>This is the content written by index.php when operating aa.php');<BR> });<BR>});<BR></ script><BR></script>