jquery のコア関數(shù): 1. jQuery()、主に HTML DOM 要素を取得し、それらを jQuery オブジェクトにカプセル化するために使用されます; 2. "jQuery.noConflict()"、変數(shù) "$" を転送するために使用されます。 jQueryコントロール。

このチュートリアルの動(dòng)作環(huán)境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jQuery コア関數(shù)

関數(shù)	説明
jQuery()	要素のコレクションと一致させるために使用される CSS セレクターを含む文字列を受け入れます。
jQuery.noConflict()	この関數(shù)を?qū)g行して、変數(shù) $ の制御を、それを?qū)g裝する最初のライブラリに移します。

関數(shù)の説明

jQuery():

jQuery() 関數(shù)は、jQuery ライブラリのコア関數(shù)であり、jQuery ライブラリに含まれるすべての関數(shù)です。 jQueryはこの機(jī)能をベースにしています。この関數(shù)は主に、HTML DOM 要素を取得して jQuery オブジェクトにカプセル化するために使用されます。これにより、jQuery オブジェクトによって提供される他のプロパティやメソッドを使用して DOM 要素を操作できるようになります。

jQuery() 関數(shù)は非常に強(qiáng)力で、さまざまなタイプのパラメータを jQuery オブジェクトにインテリジェントにカプセル化できます。

構(gòu)文

• jQuery(selector, [ context ])
  セレクター文字列 selector に対応する HTML DOM 要素を jQuery オブジェクトにカプセル化します。オプションのパラメーター context は、DOM 要素の検索範(fàn)囲を指定するために使用されます。
• jQuery( [ obj ])
  指定されたオブジェクト obj を jQuery オブジェクトにカプセル化します。このオブジェクトは、DOM 要素 (Element)、DOM 要素の配列、jQuery オブジェクト (クローン)、またはその他のオブジェクトにすることができます。このパラメータを省略して、空の jQuery オブジェクトを返すこともできます。

jQuery 1.4 パラメータ obj を省略する新しい使用法を追加しました。パラメータを渡さないと、空の jQuery オブジェクトが返されます。

• jQuery(html, [ ownerDocument ])
  HTML タグ文字列 html に基づいて一時(shí)的な DOM 要素を動(dòng)的に作成し、それを jQuery オブジェクトとしてカプセル化します。オプションのパラメータ ownerDocument は、一時(shí) DOM 要素が作成されるドキュメントを指定するために使用されます (フレーム ページなど、複數(shù)のドキュメントがある場合)。

jQuery 1.0 では、この使用法が追加されました。

• jQuery(html,properties)
  HTML タグ文字列 html と、その追加のプロパティ、イベント、メソッドを含むプロパティ オブジェクトに動(dòng)的に基づいて一時(shí)的な DOM 要素を作成し、それを jQuery オブジェクトとしてカプセル化します。

jQuery 1.4 では、この使用法が追加されました。

• jQuery( callback )
  現(xiàn)在のドキュメントがロードされた後、指定された関數(shù)コールバックを?qū)g行します。この使用法は、ready() 関數(shù)の次の使用法の省略形です: jQuery(document).ready(callback)。

jQuery 1.0 では、この使用法が追加されました。

#パラメータ

屬性説明##selectorString typecontextオプション/オブジェクト タイプobjオプション/オブジェクト タイプhtmlオブジェクト タイプownerDocumentドキュメント タイプpropertiesオブジェクト タイプcallback関數(shù)タイプ

戻り値

jQuery() 関數(shù)の戻り値は jQuery 型であり、jQuery オブジェクトを返します。

例と説明:

• ##jQuery(selector, [ context])コード例:

// 選擇當(dāng)前文檔中所有的p標(biāo)簽DOM元素
$("p");

// 選擇id屬性為username的DOM元素
$("#username");

// 選擇所有包含test樣式的DOM元素，(例如：class="test")
$(".test");

// 選擇所有p標(biāo)簽中帶test樣式的DOM元素
$("p .test");

#jQuery( [ obj ]
• サンプル コード:

  var dom = document.getElementById("username");
  // 將DOM元素封裝為jQuery對(duì)象
  $(dom);
  
  var doms = document.getElementsByName("book_id");
  // 將DOM元素?cái)?shù)組封裝為jQuery對(duì)象
  $(doms);
  
  // 將body元素封裝為jQuery對(duì)象
  $(document.body);

jQuery( html, [ ownerDocument ])
• サンプル コード:

  // 創(chuàng)建一個(gè)空的span標(biāo)簽的臨時(shí)DOM元素，并將其封裝為jQuery對(duì)象
  // 以下三種方式的效果一致
  $(&#39;<span/>&#39;);
  $(&#39;<span></span>&#39;);
  $(&#39;<span>&#39;); // 但不推薦使用這種方式
  
  // 創(chuàng)建一個(gè)p標(biāo)簽，內(nèi)部包含帶有test樣式的span標(biāo)簽
  $(&#39;<p><span class="test"></span></p>&#39;);
  
  // 創(chuàng)建一個(gè)表格
  var html = &#39;<table>&#39;;
  html += &#39;<tr>&#39;;
  html += &#39;<td>單元格1</td>&#39;;
  html += &#39;<td>單元格2</td>&#39;;
  html += &#39;</tr>&#39;;
  html += &#39;<tr>&#39;;
  html += &#39;<td>單元格3</td>&#39;;
  html += &#39;<td>單元格1</td>&#39;;
  html += &#39;</tr>&#39;;
  html += &#39;</table>&#39;;
  $(html);

jQuery(html, プロパティ)
• サンプル コード:

  // 創(chuàng)建一個(gè)臨時(shí)的鏈接jQuery對(duì)象
  var tempLink = $(&#39;<a/>&#39;, {
      id: &#39;goback&#39;,
      title: &#39;CodePlayer&#39;,
      html: &#39;CodePlayer&#39;, // 表示鏈接的錨文本，也就是innerHTML的值
      href: &#39;http://www.365mini.com/&#39;,
      click: function(){
          // 統(tǒng)計(jì)點(diǎn)擊次數(shù)       
      }
  });
  // 追加到body標(biāo)簽內(nèi)容的末尾
  tempLink.appendTo("body");
  
  
  $(&#39;<input/>&#39;, {
      type: &#39;checkbox&#39;,
      val: &#39;def&#39;, // 表示表單元素的value屬性值或textarea的輸入內(nèi)容
      click: function(){
          alert("點(diǎn)擊了復(fù)選框");
      }
  }).appendTo("body");

#jQuery( callback )

サンプル コード:

• $(function(){
      // 本文檔頁面載入完成后自動(dòng)執(zhí)行
      alert("文檔加載完畢!");
  });
  
  // 這相當(dāng)于ready()函數(shù)如下用法的簡寫
  
  $(document).ready(function(){
      // 本文檔頁面載入完成后自動(dòng)執(zhí)行
      alert("文檔加載完畢!");
  });

  jQuery.noConflict()

noConflict() メソッドは、変數(shù) $ の jQuery 制御を譲渡します。

このメソッドは、$ 変數(shù)の jQuery 制御を解放します。

このメソッドは、jQuery 変數(shù)の新しいカスタム名を指定するためにも使用できます。

ヒント: このメソッドは、他の JavaScript ライブラリが関數(shù)に $ を使用する場合に役立ちます。

構(gòu)文:

jQuery.noConflict(removeAll)

removeAll ブール値。jQuery 変數(shù)の完全な復(fù)元を許可するかどうかを示します。

• 関連ビデオチュートリアルの推奨事項(xiàng):
jQuery チュートリアル

(ビデオ)

	対応する DOM 要素を検索するために使用される、指定されたセレクター文字列。
	セレクター文字列の検索範(fàn)囲を指定します。これには、DOM 要素、DOM 要素配列、ドキュメント、 jQueryオブジェクト。このパラメータを省略した場合、デフォルトで現(xiàn)在のドキュメントが使用されます。
	指定されたオブジェクトは、jQuery オブジェクトをカプセル化するために使用されます。 DOM 要素、DOM 要素配列、ドキュメント、jQuery オブジェクトなどを指定できます。
	指定された HTML タグ文字列 (例: " "、"< p>) ; ", " " (タグは、HTML 構(gòu)文に準(zhǔn)拠している限り、タグ內(nèi)にネストすることもできます)。
	DOM 要素が一時(shí)的に作成されるドキュメントを指定します。デフォルトは現(xiàn)在のドキュメントです。
	指定されたオブジェクトは、DOM 要素のプロパティ、イベント、メソッドを指定するために使用されます。例: {name:”username”, “click”:function(){}}
	指定された関數(shù)、 DOM ドキュメントがロードされた直後に実行されるために使用されます。

以上がjqueryのコア機(jī)能は何ですかの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。