jQuery length()とsize()は同じでしょうか

2010年02月20日(土)

length()とsize()はおそらく同じだと思いますが
lengthはArrayのプロパティと一見見間違えそうですので
自分はsize()を利用する事にします。
また変更するかもですが・・・

jQuery 要素の順番を調べるため、またindex()をつかう

2010年02月20日(土)

こんなかんじでした。

html


js

$("#viewer_link a").click(function(){
alert($("#viewer_link a").index(this));
});

この
index(this)
っていうのがくせ者で、なかなか思いつきませんでした。
メモってたくせに。

過去のエントリー

jQuery エレメントのインデックス番号を返す
http://blog.macaroniworks.net/2009/11/jquery-エレメントのインデックス番号を返す/

jQuery 1.4がリリースされてました。

2010年02月18日(木)

初心者にはあまり関係ないと思って何もしてなかったのですが
高速化されてたり、以外に使えそうなメソッドがありましたので
導入していきたいと思います。
1.3ではliveにお世話になりました。
1.4ではどうなるんでしょうか。

<script src="http://www.google.com/jsapi" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>

これはgoogle.load(“jquery”, “1″)って書いておけばよかったのでしょうか?
それとも引数なし?
全部のサイトで変えるの面倒ですね。

バージョンアップされたjQuery1.4で、新たに導入されたメソッド一覧
http://smkn.xsrv.jp/blog/2010/01/new-method-from-jquery1_4/

jQuery :checkboxを使った事がなかった

2010年01月27日(水)

IDがspan_existsのチェックボックスをのチェックで
日付フォームの表示を切り替える。
こんなセレクタがいくのかと思ってましたが、いくもんですね。

$(":checkbox#span_exists").change(function(){
	$("#span_area").toggle();
});

jQuery submitでconfirm

2009年12月15日(火)

jQueryのsubmit()を使った確認です。
jQueryを使う必要があるのかどうかといえば、ない気がします。

$("#form_name").submit(function(){
	if(confirm("決定しますよ?")){
		return true;
	}else{
		return false;
	}
});

jQuery 使えそうなサンプル

2009年11月11日(水)

フォーカスが合うと文字列が現れてきえる。
これは色んな場面で使えそうです。

$("input").focus(function(){
  $("Focused!").appendTo("body").fadeOut(1000);
});

だいすきなリファレンスのtriggerHandlerのサンプルでありました。

http://semooh.jp/jquery/api/events/triggerHandler/type%2C+%5Bdata%5D/

jQuery get()は配列で返す。

2009年11月11日(水)

jQueryにエレメントを配列の形でかえすget()という関数を見つけました。
とりあえずはつかいませんが。
eq()やsize()等をつかって工夫していた処理が簡単になりそうです。

jQuery 兄弟要素はどうやって選択するのかね?

2009年11月07日(土)

兄弟要素はどうやって選択するんでしょう?
下記のサンプルはクラス(bg_file)をクリックしたときに、他の兄弟要素は初期状態にし、当該のクラスのみCSSをアクティブなものに変更しています。

兄弟要素を選択するとき、なにかあるはず・・・
どうみてもダサいです。

function selectInput(selector){
  selector.parent().find(".bg_file").css({"border-color":default_border_color}).end().end().css({"border":"1px solid   red");
}

SWFObjectをgoogleから

2009年10月16日(金)

jQueryだけでなくSWFObjectもgoogleがホストしてくれているようです。

<script src="http://www.google.com/jsapi" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">google.load("swfobject", "2.1"); </script>

jQuery lavaLampの初期位置

2009年09月15日(火)

lavaLampの初期位置設定、絶対設定できるはず!
と検索しててもなかなかみつかりませんでした。下手なので。
ありがとうございました。

<li class="current">