jQuery根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例
在jquery中,你能夠通過(guò)逗號(hào),來(lái)分隔字符選擇多個(gè)選擇。
例如:
$(.class1, .class2, #id1)在以上的例子中,將會(huì)選擇含有類名為class1,和class2及id為1的所有元素。
Jquery實(shí)例:
在以下的例子中,有類名為p1和類名為p2 和id 為div3 的所有元素將會(huì)動(dòng)態(tài)的添加一個(gè)紅色的邊框。
<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、等獲取對(duì)象的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery checkbox選中問(wèn)題之prop與attr注意點(diǎn)分析
這篇文章主要介紹了jQuery checkbox選中問(wèn)題之prop與attr注意點(diǎn),結(jié)合form表單實(shí)例形式分析了針對(duì)火狐瀏覽器下checkbox失效情況的處理技巧,需要的朋友可以參考下2016-11-11
jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁(yè)面內(nèi)容自適應(yīng)的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁(yè)面內(nèi)容自適應(yīng)的方法,給出了2種簡(jiǎn)單實(shí)現(xiàn)方法,涉及jQuery針對(duì)頁(yè)面高度的動(dòng)態(tài)獲取與設(shè)置相關(guān)技巧,需要的朋友可以參考下2016-08-08
jQuery EasyUI中對(duì)表格進(jìn)行編輯的實(shí)現(xiàn)代碼
對(duì)表格進(jìn)行增刪改后一次性保存或回滾的發(fā)生相當(dāng)有用。參照官方的教程例子做了個(gè)用戶管理的小例子。2010-06-06
jquery入門必備的基本認(rèn)識(shí)及實(shí)例(整理)
本文整理了一些jquery入門必備的基本知識(shí)及相關(guān)實(shí)例,適合初學(xué)者學(xué)習(xí),另附一些jquery的常用事件,感興趣的各位可不要錯(cuò)過(guò)了哈2013-06-06
jquery取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值的方法
這篇文章主要介紹了jquery取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值的方法,比較實(shí)用,需要的朋友可以參考下2014-09-09
JQuery 控制內(nèi)容長(zhǎng)度超出規(guī)定長(zhǎng)度顯示省略號(hào)
這篇文章主要介紹JQuery如何實(shí)現(xiàn)控制內(nèi)容長(zhǎng)度超出規(guī)定長(zhǎng)度顯示省略號(hào),需要的朋友可以參考下2014-05-05
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做過(guò)類似拖拽div的效果,現(xiàn)在按原思路改做成一個(gè)JQ的小插件,當(dāng)作制作JQ插件的一個(gè)小練習(xí),感興趣的朋友可以了解下哈2013-05-05
jquery獲取iframe中的dom對(duì)象(兩種方法)
本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口,獲取iframe內(nèi)的dom對(duì)象有兩種方法,感興趣的朋友可以了解下哈,希望對(duì)大家有所幫助2013-07-07
基于jquery實(shí)現(xiàn)的鼠標(biāo)拖拽元素復(fù)制并寫入效果
基于jquery實(shí)現(xiàn)的鼠標(biāo)拖拽元素復(fù)制并寫入效果的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-08-08

