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