jQuery 入門 Constructor_jquery

JQuery の利点
○ 小さいサイズ (v1.2.3 15kb)
○ 豊富な DOM セレクター (CSS1-3 XPath) ○ クロスブラウザー (IE6、FF、Safari、Opera)
○ チェーン スタイル コード
○ 強力なイベントとスタイルのサポート
○ 強力な AJAX 機能
○ 拡張が簡単で豊富なプラグイン
jQuery のコンストラクターは 4 種類のパラメータを受け取ります。
jQuery(expression, context)
jQuery(html)
jQuery(elements)
jQuery(fn)
最初の方法は、式 (ID、DOM 要素名、CSS 式、XPath 式) 要素に基づいてドキュメントを検索し、 jQuery オブジェクトが返されました。
デモ:

<title>jQuery の基本</title> <style type="text/css"> .selected { background-color:Yellow; } </style> <h3> </h3>jQuery コンストラクター<ul> <li> </li>jQuery(式,コンテキスト)<li> </li>jQuery(html)<li> </li>jQuery(要素)<li> </li>jQuery(fn)</ul>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

追加次の jQuery コードを記事の最後に追加します。 スクリプト ブロック内:
jQuery("ul>li:first").addClass("selected"); ページの実行効果は次のとおりです。


ここで、jQuery() は Shortcut $() に置き換えることができます。$ が他のオブジェクトによって占有されている場合は、jQuery.noConflict() 関数を使用してショートカットをキャンセルできます。
"ul>li:first" ここで、ul>li は ul の下にあるすべての li 要素 (CSS 式、XPath モードでは ul/li を使用できます) を表し、:first はそれらの最初の要素を表します。 addClass() は、CSS スタイル クラスを追加するために jQuery オブジェクトによって使用される関数であり、その反対の関数は、removeClass() です。
次のコードを追加します:
$('ul').append($('

new item

')); 操作の効果は次のとおりです:


$('

new item

') は文字列を DOM オブジェクトに変換し、append() 関数を通じて ul オブジェクトの末尾に追加します。
次:
$(document).ready(function(){
$('ul').css('color','red');
});効果は次のとおりです:

jQuery コンストラクターは、ドキュメントなどの DOM オブジェクトや jQuery オブジェクトを直接渡すこともできます (もちろん意味はありません)。 ready() 関数はイベント処理関数をドキュメントに追加し、ul の色を赤に設定します。
$(document).ready() には多くのアプリケーション シナリオがあるため、$(fn) で直接置き換えることができます。ここで、fn は処理関数を表します。 (ready処理関数はドキュメントコンテンツの読み込み後に実行されるようです。他の画像などの関連リソースの読み込みを待つ必要がないため、loadイベントよりも先に実行されます。これについては特に確認していません) )
$(function() {
alert('welcome to jQuery');
});
上記のコードの効果は、ページが読み込まれるとすぐにダイアログ ボックスが表示されることです。ポップアップします。
参照:http://docs.jquery.com/Core
http://docs.jquery.com/Selectors