jQuery元素選擇器實(shí)例代碼
更新時(shí)間：2017年02月06日 11:06:12 投稿：lijiao
這篇文章主要為大家詳細(xì)介紹了jQuery元素選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了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é)點(diǎn)標(biāo)記名為div的元素
//給每一個(gè)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)簽是可以多個(gè)的，所以得到的同樣也是一個(gè)合集
$("p").css("border", "3px solid red");
</script>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
jquery子元素過濾選擇器在某些特殊的情況下還是比較實(shí)用的，下面為大家介紹下具體的使用方法，感興趣的各位可以參考下哈2013-06-06
這篇文章主要為大家詳細(xì)介紹了使用jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
本文主要對(duì)handlebars+require基本使用方法進(jìn)行詳細(xì)介紹，文章尾部會(huì)附上完整代碼供大家參考。需要的朋友一起來看下吧2016-12-12
今天剛剛把jquery的插件制作學(xué)習(xí)了一下，總結(jié)一下別人寫的和自己的心得，方便其他初學(xué)者的學(xué)習(xí)，考慮到要學(xué)習(xí)jquery插件制作的人一定知道jquery插件的好處和通用性，這里就不多說2012-02-02
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效的JQuery代碼
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效，在某些情況下還是比較實(shí)現(xiàn)的，下面為大家介紹下通過JQuery是如何實(shí)現(xiàn)的，具體如下，感興趣的朋友可以參考下2013-11-11
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼，需要的朋友可以參考下。主要是屬性比較多。2011-08-08
這篇文章主要介紹了jquery得到iframe src屬性值的方法，很簡(jiǎn)單，很實(shí)用,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了jQuery操作DOM之獲取表單控件的值,實(shí)例分析了jQuery獲取表單控件值的方法,需要的朋友可以參考下2015-01-01
jquery.ui.draggable中文文檔(原文翻譯)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
$(document).ready(fn):當(dāng)DOM載入就緒可以查詢及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)，因?yàn)樗梢詷O大地提高web應(yīng)用程序的響應(yīng)速度2014-07-07