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 οnmοuseοver="tj()" οnmοuseοut="tj1()" id="a" class="b" name="c" type="submit" value="指着我" >

 

//οnmοuseοver=""  鼠标移上去显示的效果

//οnmοuseοut="" 鼠标移开后的效果