这篇文章主要介绍了关于javascript和jquery获取对象的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
JavaScript两种常用方法获取对象
根据className值获取
document.getElementsByClassName("class值");
根据ID值获取
立即学习“Java免费学习笔记(深入)”;
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")
获取class对象
$(".a")
获取标签对象
$('input[name="c"]')
例子
<script src="jquery-2.1.4/jquery.min.js"></script> //导入jQuery所需js包
<script type="text/javascript">
function tj(){
$('input[name="c"]').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="" 鼠标移开后的效果
相关推荐:
以上就是Javascript和jQuery获取对象的方法的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号