初級jQueryリファレンス

Learning jQueryLearning jQuery / Daniel Morrison

スマートフォン向WEBアプリを作るのに、これまでコピペでごまかしてきたjQueryの上達が急務となっている。
初級者の人と自分向けにリファレンスをメモ。

指定したセレクタのクラスを削除


$('selecter').removeClass('class_name');

divがクリックされたら、指定セレクタのclass追加か削除を交互に実行

$("div").click(function(){
	$('selecter').toggleClass('class_name');
});

p要素がクリックされたら、特定のセレクタの後にspan要素を追加

$('p').click(function(){
	$('p a').after('<span>hoge</span>');
});

クリック1回目にid付与、2回目に削除、以後繰り返す

$('div#hoge').toggle(function(){
	$('#p a').addClass('id_name');
},function(){
	$('#p a').removeClass('id_name');
});

#resetをクリックしたらページリロード(ブラウザ更新ボタンと同じ)

$("#reset").click(function(){
	window.location.reload();
});

指定した要素を削除

$('div#hoge p').remove();

別のファイルから内容を取得 loadメソッド
id=”id_name”の要素内にテキストの内容が出力される

$('#id_name').load('test.txt');

別のファイルから内容を取得 ajaxメソッド
id=”id_name”の要素内にテキストの内容が出力される

$.ajax({
	url:"test.txt",
	dataType:'text',
	type:'POST',
	success:function(data){
		$('#id_name').html(data);
	}
});

参考図書

400ページ強のボリューム。各項目に初級、中級、上級とタグがつけられている。
初級でもわからないことが多いので、しばらくこれで勉強していこう。

jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践
西畑一馬 中村享介 徳田和規
インプレスジャパン
売り上げランキング: 9540
スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク