首頁 > web前端 > js教程 > Javascript和jQuery取得物件的方法

Javascript和jQuery取得物件的方法

不言
發布: 2018-07-17 15:29:57
原創
1965 人瀏覽過

這篇文章主要介紹了關於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(){
        $(&#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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板