jQuery使用概要

1.JS/jquery iframeの内部要素とifameの外部要素を取得する
1、iframe内部要素を外部から取得する方法:

　js : window.frames['frame'].document.getElementById("imglist");   //frame iframe name /ID 。

　jq : $(window.frames['frame'].document.getElementById("imglist"));  //frame iframe name /ID 。

2、内部から外部の要素を取得する方法:

　js ：window.parent.document.getElementById("btnOk");

　jq : $("#confirmq",parent.document);

3.ナビゲーション-右側のタブバーの内容変化監視イベント

//   -                
$("nav[class='page-tabs J_menuTabs']").on('DOMNodeInserted',function() {//               
   $("#page-wrapper .active J_menuTab,.J_menuTab").each(function(){//          
      var tabInfo =$(this);//     
      var tabInfoName = tabInfo.context.textContent;
      var menuTab_name  = document.getElementById("menuTab_name");
      menuTab_name.value = tabInfoName;
      console.log(tabInfo);
      console.log(menuTab_name);
   })
})

4.ifamrフレーム外要素のオブジェクトを取得する

//                 --begin
$("button,.toolStripButton,page-wrapper .J_menuTab,.active J_menuTab").mousedown(function() {
	var buttonInfo =$(this);
	var buttonInfoName = buttonInfo.context.textContent;
	var kx_btn_name  = document.getElementById("kx_btn_name");
	kx_btn_name.value = buttonInfoName;
	console.log(buttonInfo);
	console.log(kx_btn_name);
	$("#page-wrapper .active.J_menuTab",parent.document).each(function(){
		var tabInfo =$(this);
		var tabInfoName = tabInfo.context.textContent;
		var kx_menuTab_name  = document.getElementById("kx_menuTab_name");
		kx_menuTab_name.value = tabInfoName;
		console.log(tabInfo);
		console.log(kx_menuTab_name);
	})
})

5.Jquery iframeの要素を取得するいくつかの方法Javascript Jquery Iframeの要素、内容またはIDを取得する
iframeサブページで親ページ要素コードを取得するには、$('#objId',parent.document)//やった...
親ページでiframeサブページを取得する要素コードは、$("#objid",document.frames('iframename')です.document)
$(document.getElementById('iframeId').contentWindow.document.body).html()iframeのbody要素の内容が表示されます.$("#testId", document.frames("iframename").document).html();iframenameから取得するIDが「testId」要素$(window.frames[「iframeName」.document).find("#testId").html()JSまたはjQueryでページ内のiframeにアクセスし、IE/FF対応注意:フレーム内のページはドメインをまたぐことはできません!同じドメインの下に2つのページがあると仮定する.index.htmlファイルにはiframe:XML/HTMLコードbr>"が含まれています.http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">ページトップページ
iframe.html内容:

XML/HTMLコードhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 

title>iframe.html

div id="test">www.koyoz.com
index.htmlでJSダイレクトアクセスを実行:
JavaScriptコード
document.getElementById('koyoz')/conentWindow.document.getElementByyId<
.style.
indexでhtmlは「koyoz」という名前のiframeページにアクセスし、このiframeページ内のIDが「test」の
オブジェクトを取得し、その色を赤に設定します.
このコードはテストに合格し、IE/firefoxをサポートできます.
2. indexでhtml内でjQueryを利用してアクセス:
JavaScriptコード
("#koyoz").contents().find("#test").css('color','red');
このコードの効果はJS直接アクセスと同じで、jQueryフレームワークを利用することでコードが短くなります.
ネット上のいくつかの例を収集する:
親ウィンドウのある要素の値をjQueryでIRAMEで取得する
DOM法とjquery法を組み合わせた方法で
1を実現するしかない.親ウィンドウでIRAMMEのラジオボタンをすべて選択します.find("input:radio").attr("checked","true");

2. 親ウィンドウのすべてのラジオボタン
をIRAMMEで操作して選択します(window.parent.document).find("input:radio").attr("checked","true");

親ウィンドウでIframeのIframeを取得するには、
$(window.frames["iframe 1"].frames["iframe 2".document).find("input:radio").attr("checked","true");

3.子ウィンドウで親ウィンドウの別の子ウィンドウを呼び出す方法(FRAME):

  parent.frames["Main"].Fun();

注意:[]を使用することをお勧めします.これにより、複数のブラウザに互換性があります.()火狐/捜犬/グーグルは互換性がありません.