jQueryでは、CSSクラス名とIDを持つ要素を簡単に取得できます。

例えば、

1. ID:#id

そのタグ名にかかわらず。


  • $( ‘div#idA’)

    – idが ‘idA’のdiv要素をすべて選択します。

2.クラス:.classname


  • $( ‘.classA’)

    – クラス名がすべての要素を選択します。

タグ名にかかわらず ‘classA’。


  • $( ‘div.classA’)

    – クラス名がすべてのdiv要素を選択します。

‘classA’。

完全な例

<html>
<head>
<title>jQuery Get element with class name and id</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

</head>

<script type="text/javascript">

$(document).ready(function(){

    var $element = $('.classABC').html();
    alert($element);

    var $element = $('#idABC').html();
    alert($element);

});

</script>
<body>

<h1>jQuery Get element with class name and id</h1>

    <div class="classABC">
        This is belong to 'div class="classABC"'
    </div>

    <div id="idABC">
        This is belong to 'div id="idABC"'
    </div>

</body>
</html>

リンク://wp-content/uploads/jQuery/jQuery-get-element-class-id.html[デモを試してください]