Javascript和jQuery获取对象的方法
程序员文章站
2022-04-01 21:00:51
...
这篇文章主要介绍了关于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>
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获取对象的方法的详细内容,更多请关注其它相关文章!