jQuery根據(jù)ID、CLASS、等獲取對象的實例
在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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery checkbox選中問題之prop與attr注意點分析
這篇文章主要介紹了jQuery checkbox選中問題之prop與attr注意點,結(jié)合form表單實例形式分析了針對火狐瀏覽器下checkbox失效情況的處理技巧,需要的朋友可以參考下2016-11-11jQuery簡單實現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法
這篇文章主要介紹了jQuery簡單實現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法,給出了2種簡單實現(xiàn)方法,涉及jQuery針對頁面高度的動態(tài)獲取與設(shè)置相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery EasyUI中對表格進行編輯的實現(xiàn)代碼
對表格進行增刪改后一次性保存或回滾的發(fā)生相當(dāng)有用。參照官方的教程例子做了個用戶管理的小例子。2010-06-06jquery取子節(jié)點及當(dāng)前節(jié)點屬性值的方法
這篇文章主要介紹了jquery取子節(jié)點及當(dāng)前節(jié)點屬性值的方法,比較實用,需要的朋友可以參考下2014-09-09JQuery 控制內(nèi)容長度超出規(guī)定長度顯示省略號
這篇文章主要介紹JQuery如何實現(xiàn)控制內(nèi)容長度超出規(guī)定長度顯示省略號,需要的朋友可以參考下2014-05-05div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做過類似拖拽div的效果,現(xiàn)在按原思路改做成一個JQ的小插件,當(dāng)作制作JQ插件的一個小練習(xí),感興趣的朋友可以了解下哈2013-05-05基于jquery實現(xiàn)的鼠標拖拽元素復(fù)制并寫入效果
基于jquery實現(xiàn)的鼠標拖拽元素復(fù)制并寫入效果的實現(xiàn)代碼,需要的朋友可以參考下。2011-08-08