Latest web development tutorials
×

JavaScript コース

JavaScript コース JavaScript 簡単な紹介 JavaScript 使用法 JavaScript 輸出 JavaScript 文法 JavaScript ステートメント JavaScript ノート JavaScript 変数 JavaScript データの種類 JavaScript オブジェクト JavaScript 関数 JavaScript スコープ JavaScript イベント JavaScript 文字列 JavaScript 演算子 JavaScript 比較します JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 型変換 JavaScript 正規表現 JavaScript エラー JavaScript デバッギング JavaScript 可変リフト JavaScript strictモード JavaScript 不適正使用 JavaScript フォーム認証 JavaScript 予約済みキーワード JavaScript JSON JavaScript void JavaScript コードの仕様

JS 関数

JavaScript 関数定義 JavaScript 関数の引数 JavaScript 関数呼び出し JavaScript クロージャ

JS HTML DOM

DOM 簡単な紹介 DOM HTML DOM CSS DOM イベント DOM EventListener DOM 要素

JS 応用チュートリアル

JavaScript オブジェクト JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp オブジェクト

JS ブラウザ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ポップ JavaScript 時間指定イベント JavaScript Cookies

JS 倉庫

JavaScript 倉庫 JavaScript テスト jQuery JavaScript テスト Prototype

JS 例

JavaScript 例 JavaScript Objectインスタンス JavaScript ブラウザのオブジェクトインスタンス JavaScript HTML DOM 例 JavaScript サマリー

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト

jQueryのJavaScriptのテスト

テストのJavaScriptフレームワークライブラリ - jQueryの


リファレンスjQueryの

JavaScriptライブラリをテストするには、Webページでそれを参照する必要があります。

ライブラリを参照するには、そのSRC属性URLライブラリに設定する<script>タグを使用します:

リファレンスjQueryの

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>


jQueryの説明

主な機能は、jQueryの$()関数(jQueryの関数)です。 あなたは機能を追加するためにjQueryを使ってjQueryオブジェクトを返す関数にDOMオブジェクトを渡す場合。

jQueryのCSSセレクタを使用すると、要素を選択することができます。

JavaScriptでは、ウィンドウのloadイベントを処理するために機能を割り当てることができます。

JavaScriptメソッド:

ファンクションてmyFunction()
{
VAR OBJ =のdocument.getElementById( "H01");
obj.innerHTML = "こんにちはjQueryの";
}
onloadイベント=てmyFunction;

等価jQueryが異なります。

jQueryの道:

function myFunction()
{
    $("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);

上記のコードの最後の行は、HTML DOMドキュメントオブジェクトはjQueryのに渡されます:$(ドキュメント)。

あなたはjQueryのにDOMオブジェクトを渡すと、jQueryのは、HTML DOMオブジェクト包まれたjQueryオブジェクトに戻ります。

jQueryの関数は)(レディがメソッドであり、新しいjQueryオブジェクトを返します。

関数はJavaScriptで変数なので、てmyFunctionを置くことができるので、jQueryの準備メソッドに引数として渡されます。

ランプ jQueryのは、DOMオブジェクトが異なる経過した、jQueryオブジェクトを返します。
jQueryオブジェクトのプロパティとメソッドは、別のDOMオブジェクトで、持っています。
あなたはjQueryオブジェクトのHTML DOMプロパティとメソッドを使用することはできません。


テストjQueryの

次の例を試してください:

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
    $("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

»をお試しください

この例では、もう一度試してください:

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
    $("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

»をお試しください

上記の例でわかるように、jQueryのは、リンク(チェーン構文)を可能にします。

リンク(チェーン)は、同じ被写体の便利な方法で複数のタスクを実行する方法です。

あなたはより多くを学ぶ必要がありますか? このチュートリアルでは、あなたの偉大な与えるjQueryのチュートリアルを