2011年01月31日

jqueryの基本技

お願いします♪いいねとかつぶやいたりして下さい
 

要素の内容を取得


$("a").click(function() {
 id = $(this).attr("id"); // idの取得
 val = $(this).attr("value"); // valueの取得
});


要素の中身を切り替える
(prototype.jsで言う、innerHTML)


<script type="text/javascript">

	function test()
	{
		$('#box').html('恋に恋こがれ、恋になく');
	}
	
</script>

<div>
	<div id="box">
    	ここが変わる
    </div>
</div>

<a onclick="test();">き8りかえ</a>


要素の中身を取得


$("#UserArea").val();//要素の中身を取得


要素をアニメーション付きで隠す



function test()
{
	$('#box').animate({ opacity: "hide" }, "slow");
}


AJAX


function getHTML()
{
	$.ajax({
		type: "POST",
		url: "/users/getzip/",
		data: "zipcode=" + $("#UserArea").val(),
		success: function(msg){
			//alert( "Data Saved: " + msg );
			$('#zipcodeinfo').text(msg);
		}
	});
	
	//$('#zipcodeinfo').text('たろすけ');//たおrすけ を zipcodeinfo にセット
	//alert($("#testarea").val());//要素を取得
}


関連するタグ: javascript
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ