jQuery入門

jQueryの概要

jQueryは、JavaScriptのオブジェクトや関数のラッパーであり、最も人気のあるJavaScriptライブラリです。

jQueryでできること

DOM要素へのアクセスと操作

ページスタイルの制御

ページイベントの処理 新しいjQueryプラグインの拡張

Ajax技術との統合

1、jQueryの導入

<script type="text/javascript" src="js/jquery.js"></script>

2、jQueryの開始

$(function(){
	 ;
	.... 
});

3, jQueryを使用してタグ要素オブジェクトを取得します。

タグ名をもとにタグオブジェクトを取得します

$

タグid属性の値に応じてタグオブジェクトを取得

1)$("#タグのid の値").css('属性',' '); //スタイルを設定する

2)

$("#タグのid属性の値").click(function(){ //イベントメソッドを直接バインドする
		...
	});

3) clssスタイルシートによるプロパティの変更

.myclass {
	position: absolute;
	width: 200px;
	height: 233px;
	z-index: 1;
	left: 16px;
	top: 101px;
	background-color:#FFF;
	}	

$(".myclass").css('background-color','#CF9');

4) ラベルの属性の取得または設定

a, 一つの属性の値を設定$("#タグのid属性の値").attr(" "," ");

b, 複数の属性の値を設定$("#タグのid属性の値").attr({" 1":" 1"," 2":" 2",...," n":" n"});

//属性の値の取得

var xx=$("#タグのid属性の値").attr(" ");

c, label要素のテキスト内容の取得

var =$("#タグのid属性の値").text();

またはvar =$("#タグのid属性の値").html();

label要素のテキスト内容を設定

$("#タグのid属性の値").text(" ");

または

$("#タグのid属性の値").html(" ");

5) タグ要素の数を取得

var size=$("タグ付けされた要素").length;

または

var size=$("タグ付けされた要素").size();

6) タグ付きオブジェクトの処理

	$(" ").each(function(index, element) {
 var   = $(this).attr(" ");
 });