カテゴリー別アーカイブ: Javascript(jQuery)-function

jQuery セレクタ

ここではjQueryのセレクタについて解説しています。

id

$("#id")

class

$(".class")

タグ

$("p")

タグとidやclass

$("p#id_p")
$("p.class_p")

name

$('[name="name1"]')

aタグのhref

$("a[href]")

aタグのhrefをidで指定

$("a[href = '#id']")

imgタグのsrcを取得

var src = $("#img_id").attr('src'); 
var src = $(".img_class").attr('src'); 

aタグのhrefを取得

var href = $("#a_id").attr('href'); 
var href = $(".a_class").attr('href'); 

jQuery チェックボックス全選択、解除

ここではjQueryでチェックボックスを全選択、解除する方法を解説しています。

Script

$(function() {
    $('#all').click(function() {
        if (this.checked) {
            $('[name="deleteId[]"]').prop('checked', $(this).is(':checked'));
        }
        else {
            $('[name="deleteId[]"]').removeAttr('checked');
        }
    });
});

html

<form action="<?php echo $_SERVER['PHP_SELF'];?>" name="checktest" id="checktest" method="post">
<input type="checkbox" id="all">全選択/全解除<br />
<input type="checkbox" name="deleteId[]" id="deleteId" value="1"><br />
<input type="checkbox" name="deleteId[]" id="deleteId" value="2"><br />
<input type="checkbox" name="deleteId[]" id="deleteId" value="3"><br />
</form>

解説
「this.checked」と記述するとセレクタで指定したチェックボックスが選択されているかがわかるので、処理を分けています。

jQuery setInterval,clearIntervalで定期的に処理を実行する

ここではsetIntervalとclearIntervalで定期的に処理を実行する方法について解説しています。

Sample

$(function(){
    setInterval("foo()",3000);
});

function foo() {
    alert("3秒間隔で表示されるアラート");
}

例ではfoo()をsetIntervalで3秒毎に呼び出しています。
setIntervalの秒数の単位はミリ秒で設定してください。

停止

/* タイマーオブジェクト */
var timer = null;
var n = 3;

$(function(){
    timer = setInterval("foo()",3000);
});

function foo() {
    alert("3秒間隔で表示されるアラート");
    n--;
    if (n == 0) {
        clearInterval(timer);
    }
}

例では3秒毎に表示させているアラートを3回で停止させています。

停止するにはclearIntervalを使います。
停止させたい場合setIntervalで返すオブジェクトをclearIntervalに渡すことで停止させることができます。

jQuery setTimeoutでn秒後に実行

ここではjQueryを使って何秒後に処理を遅らせて実行する方法について解説しています。

$(function(){
    setTimeout(function(){
        alert("1秒後に表示されるアラート");
    },1000);
});

jqueryで囲んでありますがJavascriptでもsetTimeoutは使えるので便利です。
遅らせる時間についてはミリ秒で指定してください。