JQuery基礎学習メモ_jquery

1. 属性: 一致するすべての要素に計算された属性値を設定します

//すべての入力に属性 class="btn" を追加します
//$("input").attr("class "," btn");


2. CSS: 指定されたクラス名を一致する各要素に追加します
//すべての送信ボタンにスタイルを追加します
$("input :submit").addClass ("btn");


3. 値: 最初に一致した要素の現在の値を取得します
//ボタンの値を取得します
/ /alert($("# Button1").val());


4. HTML コード: 最初に一致した要素の HTML コンテンツを取得します。この関数は XML ドキュメントでは使用できません。ただし、XHTML ドキュメントには使用できます。
// div 間の HTML コードを出力します
//alert($("#div1").html());

// Div に HTML を再割り当てします
// $("#div1").html("");


5. テキスト: 一致するすべての要素のコンテンツを取得します。

結果は、一致するすべての要素に含まれるテキスト コンテンツを結合したテキストです。この方法は、HTML ドキュメントと XML ドキュメントの両方で機能します。


//div 間のテキスト値を出力します
//alert($("#div1").text());

//内のテキスト値についてdiv テキストの再割り当て
//$("#div1").text("100");

6. //ラジオ ボタンを選択します
$("#select1").val ( "オプション 2");
// if( $("#select1").val()=='オプション 2')
// {
// alter("オプション 2 を選択しました");
// }

7. 1 つ以上の DOM 要素を jQuery オブジェクトに変換します
// ページの背景色を設定します
$(document.body).css(" background ","#c0c0c0");

//フォーム内のすべての要素を非表示にする [利用不可]
//$(div.elements).hide();

8 ,各使用法では、一致する各要素をコンテキストとして使用して関数を実行します
// $("button").click(function () {
// $("div").each(function (index , domEle ) {
// // domEle == this
// $(domEle).css("backgroundColor", " yellow")
// if ($(this).is( "# stop")) {
// $("span").text("div インデックス #" インデックスで停止しました);
// return false;
// }
// }) ;
// });

9. この関数の戻り値は、jQuery オブジェクトの 'length' プロパティと一致します
// ボタンの数
// ($ ("input:submit").size() " および " $("input:submit").length);

10. 一致するすべての DOM 要素のセットを取得します
//alert ($( "input").get().reverse());
// 一致する要素の 1 つを取得します。 num は、どの一致する要素が取得されるかを示します
//alert($("input").get(1));