ホームページ >ウェブフロントエンド >jsチュートリアル >オブジェクトを取得するための JavaScript および jQuery メソッド

オブジェクトを取得するための JavaScript および jQuery メソッド

不言
不言オリジナル
2018-07-17 15:29:571979ブラウズ

この記事では主に Javascript と jQuery でオブジェクトを取得する方法を紹介します。必要な方は参考にしてください。

JavaScript でオブジェクトを取得する方法は 2 つあります。 classNameの値に従って

document.getElementsByClassName("クラス値");


ID値に基づいて取得

document.getElementById("ID値");


例:

<div id="a">我是实验品</div>
<script type="text/javascript">
    var ss = document.getElementById("a");//获取ID值为a的标签并保存到ss里
    ss.style.color="red";//修改属性字体颜色为红色
</script>

jQuery オブジェクトを取得

IDオブジェクトを取得

$( "#a")


クラスオブジェクトを取得

$(".a")


ラベルオブジェクトを取得

$('input[name="c"]')

<script src="jquery-2.1.4/jquery.min.js"></script> //导入jQuery所需js包
<script type="text/javascript">
    function tj(){
        $(&#39;input[name="c"]&#39;).css("background-color","yellow");
    }
    function tj1(){
        $("#a").css("background-color","red");
    }
</script>
<input onmouseover="tj()" onmouseout="tj1()" id="a" class="b" name="c" type="submit" value="指着我" >

//onmouseover ="" マウスを上に動かしたときに表示される効果


//onmouseout="" マウスを離した後に表示される効果

関連する推奨事項:

作成方法jsのオブジェクトとその特徴

以上がオブジェクトを取得するための JavaScript および jQuery メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。