.context

(Internal) $.( )またはjQuery.( )によってjQueryオブジェクトを生成する際に渡されたDOMノードを参照します。多くの場合、何も指定されずルートのdocumentが参照されることになります。

context 1.3追加

戻り値:Element

contextプロパティは$()によって選択された要素のみ対象になることがあるので注意してください。 例えば、.add()メソッドによって要素が追加された場合、複数のコンテキストを持っている状態かもしれません。

デモ

<!DOCTYPE html>
<html>
<head>
  <style>
  body { cursor:pointer; }
  div { width:50px; height:30px; margin:5px; float:left;
        background:green; }
  span { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Context:<ul></ul>
<script>$("ul")
  //$("ul")なので、$()に2つ目のコンテキストを指定する引数は指定無し
  .append("<li>" + $("ul").context + "</li>")
  //$("ul", document.body)なので、2つ目のコンテキストにbodyを指定
  .append("<li>" + $("ul", document.body).context.nodeName + "</li>");
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM