articles

2010 年 4 月 19 日

jQuery aのイベントでリンクさせない処理2

CATEGORYEventsjQuery   TAG 11:42 PM

参考
http://semooh.jp/jquery/cont/doc/event/

eventオブジェクト.preventDefault()でブラウザの初期アクションをキャンセルできるそうです。
前述のreturn falseの方がお手軽な気がします。
使いどころだと思います。

$("#test a").click(function (e) {
 e.preventDefault();
}

http://blog.macaroniworks.net/2010/03/jquery-aのイベントでリンクさせない処理/

2010 年 3 月 30 日

jQuery 知らなかった子要素の選択方法

CATEGORYEventsjQuerySelectors   TAG 6:44 PM

DesignReviver
http://designreviver.com/wp-content/uploads/2008/10/example.html

に下記の記述があったのですが、なにかよくわかりませんでした。

$("ul",this)

これは$(this)の中のul要素を選択する時などに使うと思われますが、
初めて見てしまいました。
知らないとはおっかないね。

2010 年 3 月 4 日

jQuery oneで1回だけの処理

CATEGORYEventsjQuery   TAG 11:48 AM

これ知りませんでした。
用済みになると、普通にunbind()していました。

$(function(){
    $("a").one("click",function(){
       alert("もう出てきませんよ。");
    })
})

2010 年 3 月 1 日

jQuery aのイベントでリンクさせない処理

CATEGORYEventsjQuery   TAG 5:51 PM

aにclickなどのイベント処理をする場合、hrefのリンク先に飛んでしまうので
困っていました。

例えば、下の処理です。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
    })
})

このような時は関数の返り値をfalseにしてやることで
aがリンクするのを回避する事が出来るそうです。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
            return false;
    })
})

これ、もっと早く知っておきたかったです。

2009 年 12 月 15 日

jQuery submitでconfirm

CATEGORYEventsjQuery   TAG 12:54 PM

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

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

2009 年 11 月 13 日

jQuery エレメントのインデックス番号を返す

CATEGORYEventsjQuery   TAG 2:47 AM

$(“div”).clickなどの、要素が複数あるとき
押されたオレって要素の何番目なの?ってときには
index()をつかえば良さそうです。

$("div").click(function () {
  var index = $("div").index(this);
  alert(index);
});

これ早く知っておけばよかったです・・・

2009 年 11 月 11 日

jQuery 使えそうなサンプル

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

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

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

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