Rumah > hujung hadapan web > tutorial js > Javascript和jQuery获取对象的方法

Javascript和jQuery获取对象的方法

不言
Lepaskan: 2018-07-17 15:29:57
asal
1965 orang telah melayarinya

这篇文章主要介绍了关于Javascript和jQuery获取对象的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

JavaScript两种常用方法获取对象

根据className值获取

document.getElementsByClassName("class值");

根据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>
Salin selepas log masuk

jQuery获取对象

获取ID对象

$("#a")

获取class对象

$(".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="指着我" >
Salin selepas log masuk

//onmouseover=""  鼠标移上去显示的效果

//onmouseout="" 鼠标移开后的效果

相关推荐:

js创建对象的方式及其特点

Atas ialah kandungan terperinci Javascript和jQuery获取对象的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan