jQuery による HTML 要素取得

jQuery を利用すると、HTML 要素を ID 属性や CSS セレクタ指定で取得することができます。
ここでは ID 属性、CSS セレクタ、HTML の要素タイプと CSS セレクタの組み合わせの３パターンで要素を取得しています。

<script type="text/javascript">
<!--
    $(document).ready(function () {
        $("#button1").click(function () {
            debugger;
            // 処理
        });
        $(".button2").click(function () {
            debugger;
            // 処理
        });
        $("input.button3").click(function () {
            debugger;
            // 処理
        });
    });
// -->
</script>

<input id="button1" type="button" value="ID による判定" />
<input class="button2" type="button" value="CSS セレクタ による判定" />
<input class="button3" type="button" value="HTML 要素（input）と CSS セレクタによる判定" />