JQuery コードの $(dom).context とは何ですか?使い方？-jsチュートリアル-php.cn

JQuery コードの $(dom).context とは何ですか?使い方？

伊谢尔伦

リリース： 2017-06-16 14:36:18

オリジナル

2381 人が閲覧しました

context は、jQuery() に渡された元の DOM ノードのコンテンツを返します。これは、jQuery() の 2 番目のパラメーターです。指定しない場合、context は現在のドキュメントを指します。 $("p span",context); これは、範囲を選択するための jQuery の使用法です。オブジェクトを見つけます。
そして$(dom)[0].attributesは最初のdom配下の属性を直接検索します

context 戻り値: Element

jQuery1.3で新しく追加された戻り値です。 jQuery に渡されます () の元の DOM ノードの内容。これは jQuery() の 2 番目のパラメータです。指定されていない場合、コンテキストは現在のドキュメント (ドキュメント) を指します。セレクタクエリを正確に検出するためにセレクタとともに使用できます。状況。これら 2 つのプロパティは、プラグイン開発者にとって役立ちます。

例: 使用されているドキュメントの内容を検出する

jQueryコード:

 $("ul").append("<li>"+$("ul").context+"</li>")
           .append("<li>"+$("ul", document.body).context.nodeName+"</li>");

ログイン後にコピー

結果:

 [object HTMLDocument]//如果是IE浏览器，则返回[object]
   BODY

ログイン後にコピー

【注意】: $("ul", document.body).context.nodeName この文はdocument.body内を意味します ulを見つけます要素。

サンプルコード 1:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//m.sbmmt.com/"/>
<title>php.cn</title> 
<style type="text/css"> 
p 
{ 
  width:150px; 
  height:150px; 
  border:1px solid blue; 
} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript">  
$(document).ready(function(){ 
  $("button").click(function(){ 
    alert($("li").context); 
  })
})
</script>  
</head> 
<body> 
<p> 
  <ul> 
    <li>测试脚本</li> 
  </ul> 
</p> 
<button>点击测试</button> 
</body> 
</html>

ログイン後にコピー

デフォルトでは、jQuery() に渡される元の DOM ノードは Document であり、IE ブラウザーでは [object] を返し、他のブラウザーでは [object HTMLDocument] を返します。

サンプルコード 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//m.sbmmt.com/" />
<title>php.cn</title>
<style type="text/css">
p 
{
  width:150px;
  height:150px;
  border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">  
$(document).ready(function(){ 
  $("button").click(function(){ 
    alert($("li",document.getElementById("myid")).context); 
  })
})
</script>
</head>
<body>
<p>
  <ul id="myid">
    <li>测试脚本</li>
  </ul>
</p>
<button>点击测试</button>
</body>
</html>

ログイン後にコピー

上記コードの戻り値は [object HTMLUListElement] ですが、IE ブラウザでは [object]

以上がJQuery コードの $(dom).context とは何ですか?使い方？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。