macaroni-works notes» attr http://blog.macaroniworks.net Just another WordPress weblog Wed, 16 Feb 2011 07:27:11 +0000 ja hourly 1 http://wordpress.org/?v=3.0.4 jQuery 複数の要素に処理を http://blog.macaroniworks.net/2009/07/jquery%e3%81%a7%e8%a4%87%e6%95%b0%e3%81%ae%e8%a6%81%e7%b4%a0%e3%81%ab%e5%87%a6%e7%90%86%e3%82%92/ http://blog.macaroniworks.net/2009/07/jquery%e3%81%a7%e8%a4%87%e6%95%b0%e3%81%ae%e8%a6%81%e7%b4%a0%e3%81%ab%e5%87%a6%e7%90%86%e3%82%92/#comments Mon, 13 Jul 2009 09:26:26 +0000 admin http://blog.macaroniworks.net/?p=520 JQueryで複数要素のセレクタに
各々処理を行うときはeachが便利です。

今回もまたパラメータの違うFlashを複数埋め込む場合に利用しました。

$(function(){
	var selector=$(".graph-area");
	selector.each(function(){
		var id=$(this).attr("id");//IDを取得
		var graphdata=$(this).text();//テキストを取得
		addListSwf(id,graphdata,"50");//テキストをパラメータとしてswfobjectでFlash埋め込み
 	});

	function addListSwf(idname,param){
		var att = { data:"img/graph.swf", width:"160", height:"160" };
		var par={ menu:"false",flashvars:param};
		var id = idname;
		var mainFlash = swfobject.createSWF(att, par, id);
	};
});
]]> http://blog.macaroniworks.net/2009/07/jquery%e3%81%a7%e8%a4%87%e6%95%b0%e3%81%ae%e8%a6%81%e7%b4%a0%e3%81%ab%e5%87%a6%e7%90%86%e3%82%92/feed/ 0 jQuery チェックボックスのチェック・解除 http://blog.macaroniworks.net/2009/07/%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%bb%e8%a7%a3%e9%99%a4/ http://blog.macaroniworks.net/2009/07/%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%bb%e8%a7%a3%e9%99%a4/#comments Fri, 10 Jul 2009 14:07:24 +0000 admin http://blog.macaroniworks.net/?p=501 #allCheckと#optionAllCheckボタンを押すと#option-areaのチェックボックスが
それぞれチェック・解除される仕組みです。


$(document).ready(function(){
	$("input#allCheck").click(function(){
		checkOption(true);
	});

	$("input#allUncheck").click(function(){
		checkOption(false);
	});
});

//オプションのチェックを全部チェックOR解除する
function checkOption(boolean){
	$("#option-area input").attr("checked", boolean);
}
]]> http://blog.macaroniworks.net/2009/07/%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%bb%e8%a7%a3%e9%99%a4/feed/ 0 jQueryによる、属性変更 http://blog.macaroniworks.net/2009/06/jquery%e3%81%ab%e3%82%88%e3%82%8b%e3%80%81%e5%b1%9e%e6%80%a7%e5%a4%89%e6%9b%b4/ http://blog.macaroniworks.net/2009/06/jquery%e3%81%ab%e3%82%88%e3%82%8b%e3%80%81%e5%b1%9e%e6%80%a7%e5%a4%89%e6%9b%b4/#comments Wed, 10 Jun 2009 05:05:50 +0000 admin http://blog.macaroniworks.net/?p=360 セレクタ.attr("属性名");

でそのセレクタの属性を取得できます。
title = $(“img”).attr(“title”);

変更する場合は、

セレクタ.attr("属性名","値");

となるらしいです。

多くの属性を変更する場合は

$("img").attr({
 src: "/images/hat.gif",
 title: "jQuery",
 alt: "jQuery Logo"
});
]]> http://blog.macaroniworks.net/2009/06/jquery%e3%81%ab%e3%82%88%e3%82%8b%e3%80%81%e5%b1%9e%e6%80%a7%e5%a4%89%e6%9b%b4/feed/ 0 jQueryでのイメージ変更　改正 http://blog.macaroniworks.net/2009/05/jquery%e3%81%a7%e3%81%ae%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e5%a4%89%e6%9b%b4%e3%80%80%e6%94%b9%e5%a4%89/ http://blog.macaroniworks.net/2009/05/jquery%e3%81%a7%e3%81%ae%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e5%a4%89%e6%9b%b4%e3%80%80%e6%94%b9%e5%a4%89/#comments Sat, 30 May 2009 03:32:07 +0000 admin http://blog.macaroniworks.net/?p=319 なまじ、うまくいっていたのがいけませんでした。
srcはプロパティに無いので、attr(“src”, ‘test.jpg’)で変更すべきでした。

$("#photo").attr("src", 'test.jpg');
]]> http://blog.macaroniworks.net/2009/05/jquery%e3%81%a7%e3%81%ae%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e5%a4%89%e6%9b%b4%e3%80%80%e6%94%b9%e5%a4%89/feed/ 0