jQuery Access iframe content element

jQuery access iframe content: Here in this article we are going to learn how jquery gets iframe content. In short access the iframe div element and apply some CSS.  Suppose you have an iframe on your webpage and want to get data from iframe content or want to modify its style or css. Then first we need to access the iframe and its content.

Hereby using .contents() we get the iframe content dom element, and later with the below jquery code, we are able to access iframe and content and add our custom style css.

$(document).ready(function(){
	var iFrameDOM = $("iframe#frameID").contents();
	iFrameDOM.find(".page").css("background-color", "#fff");
});