jQuery元素選擇器實例代碼
更新時間:2017年02月06日 11:06:12 投稿:lijiao
這篇文章主要為大家詳細(xì)介紹了jQuery元素選擇器實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了jQuery元素選擇器的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
div {
width: 100px;
height: 90px;
float: left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div class="aaron">
<p>class="aaron"</p>
<p>選中</p>
</div>
<div class="aaron">
<p>class="aaron"</p>
<p>選中</p>
</div>
<div class="imooc">
<p>class="imooc"</p>
<p>jQuery選中</p>
</div>
<div class="imooc">
<p>class="imooc"</p>
<p>jQuery選中</p>
</div>
<script type="text/javascript">
//通過原生方法處理
//獲取到所有的節(jié)點標(biāo)記名為div的元素
//給每一個div加上藍(lán)色的邊框
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
divs[i].style.border = "3px solid blue";
}
</script>
<script type="text/javascript">
//通過jQuery直接傳入標(biāo)簽名p
//標(biāo)簽是可以多個的,所以得到的同樣也是一個合集
$("p").css("border", "3px solid red");
</script>
</body>
</html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery使用attr()方法同時設(shè)置多個屬性值用法實例
這篇文章主要介紹了jQuery使用attr()方法同時設(shè)置多個屬性值的用法,實例分析了jQuery中attr方法實現(xiàn)多個屬性設(shè)置的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery構(gòu)造函數(shù)init參數(shù)分析
這篇文章主要介紹了jQuery構(gòu)造函數(shù)init參數(shù)分析,今天主要是分析一下jQuery中init選擇器構(gòu)造函數(shù),處理選擇器函數(shù)中的參數(shù),感興趣的朋友可以了解下2015-05-05
jQuery插件開發(fā)精品教程(讓你的jQuery更上一個臺階)
這篇jQuery插件開發(fā)教程是小編見過的最詳細(xì)的了,每個解說都很好,對于想做增強(qiáng)插件的朋友確實不錯的參考資料,特分享下,方便需要的朋友2015-11-11
jquery插件實現(xiàn)鼠標(biāo)經(jīng)過圖片右側(cè)顯示大圖的效果(類似淘寶)
分享一個jquery插件:實現(xiàn)類似淘寶上鼠標(biāo)經(jīng)過圖片右側(cè)顯示大圖的效果,感興趣的朋友可以研究下,或許對你學(xué)習(xí)jquery有所幫助,千萬不要錯過啊2013-02-02
jQuery ajax serialize() 方法使用示例
serialize() 方法創(chuàng)建以標(biāo)準(zhǔn) URL 編碼表示的文本字符串,下面為大家介紹下jQuery serialize方法的使用2014-11-11

