jQuery根據(jù)ID、CLASS、等獲取對象的實例
更新時間：2016年12月04日 13:46:39 投稿：jingxian
下面小編就為大家?guī)硪黄猨Query根據(jù)ID、CLASS、等獲取對象的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在jquery中，你能夠通過逗號，來分隔字符選擇多個選擇。
例如：
$(.class1, .class2, #id1)在以上的例子中，將會選擇含有類名為class1，和class2及id為1的所有元素。
Jquery實例：
在以下的例子中，有類名為p1和類名為p2 和id 為div3 的所有元素將會動態(tài)的添加一個紅色的邊框。
<html>
<head>
<title>select mutiple elements example</title>
<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$(".p1,.p3,#div3").css("border","2px solid red");
});
</script>
<body>
<h1>select mutiple element example</h1>
<p class="p1">P1</p>
<p class="p2">P2</p>
<p class="p3">P3</p>
<p class="p4">P4</p>
<div id="div1">DIV1</div>
<div id="div2">DI2</div>
<div id="div3">DI2</div>
<div id="div4">DI2</div>
</body>
</html>
效果：
以上這篇jQuery根據(jù)ID、CLASS、等獲取對象的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要深入分析jquery解析json數(shù)據(jù)的方法，非常的詳盡,需要的朋友可以參考下2014-12-12
基于jQuery實現(xiàn)Ajax驗證用戶名是否可用實例
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Ajax驗證用戶名是否可用實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03
觸發(fā)事件，或稱模擬用戶動作。比如點擊，我們可以用代碼去模擬用戶點擊，達到的效果與真實的鼠標點擊是一樣的。2011-08-08
return false 阻止表單提交不起的問題困擾我很久，關于onsubmit=return false有以下幾點要注意的地方，感興趣的各位可以參考下2013-08-08
系統(tǒng)默認情況下，使用Tab按鍵切換頁面元素的焦點，有沒有想過回車鍵Enter也可以實現(xiàn)這種功能，并且具有良好的用戶體驗2014-05-05
BootStrap table表格插件自適應固定表頭(超好用)
這篇文章主要介紹了BootStrap table表格插件自適應固定表頭(超好用)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹EasyUI高度自適應的問題,比較實用，需要的朋友可以參考下。2016-06-06
本文講述的是jquery選擇器結(jié)果是數(shù)組時需要主要的一個問題，并詳細分析了產(chǎn)生此問題的原因，這里記錄下來，小伙伴們在項目中使用的時候要注意一下。2014-11-11
jquery ready()的幾種實現(xiàn)方法小結(jié)
下面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法，望告知2010-06-06
這篇文章主要介紹了jQuery Ajax中的事件詳細介紹,本文詳細的講解了AJAX的局部事件和全局事件、事件的順序等內(nèi)容,需要的朋友可以參考下2015-04-04