jQueryのJavaScriptのテスト
テストのJavaScriptフレームワークライブラリ - jQueryの
リファレンスjQueryの
JavaScriptライブラリをテストするには、Webページでそれを参照する必要があります。
ライブラリを参照するには、そのSRC属性URLライブラリに設定する<script>タグを使用します:
リファレンスjQueryの
<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メソッド:
{
VAR OBJ =のdocument.getElementById( "H01");
obj.innerHTML = "こんにちはjQueryの";
}
onloadイベント=てmyFunction;
等価jQueryが異なります。
jQueryの道:
{
$("#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の
次の例を試してください:
例
<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>
»をお試しください
この例では、もう一度試してください:
例
<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のチュートリアルを 。