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

2010年04月19日（月）

参考
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のイベントでリンクさせない処理/

Tags: ,
カテゴリ:Events, jQuery | Comments Closed

関連記事

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

2010年03月30日（火）

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

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

$("ul",this)

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

Tags: ,
カテゴリ:Events, Selectors, jQuery | Comments Closed

関連記事

jQuery oneで１回だけの処理

2010年03月04日（木）

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

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

Tags:
カテゴリ:Events, jQuery | Comments Closed

関連記事

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

2010年03月01日（月）

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;
    })
})

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

Tags:
カテゴリ:Events, jQuery | Comments Closed

関連記事

jQuery submitでconfirm

2009年12月15日（火）

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

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

Tags: ,
カテゴリ:Events, jQuery | Comments Closed

関連記事

jQuery Eventsが興味深い

2009年11月16日（月）

Eventsオブジェクトがおもしろかったです。

jQuery日本語リファレンス
http://semooh.jp/jquery/api/utilities/jQuery.isFunction/obj/

カテゴリ:Events | Comments Closed

関連記事

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

2009年11月13日（金）

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

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

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

Tags:
カテゴリ:Events, jQuery | Comments Closed

関連記事

jQuery 使えそうなサンプル

2009年11月11日（水）

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

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

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

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

Tags: , , , ,
カテゴリ:Events | Comments Closed

関連記事