jQuery分組選擇器簡單用法示例
更新時間：2019年04月04日 11:49:44 作者：戀戀玫瑰花
這篇文章主要介紹了jQuery分組選擇器簡單用法,結合實例形式分析了使用jQuery分組選擇器動態(tài)設置頁面元素屬性相關操作技巧,需要的朋友可以參考下
本文實例講述了jQuery分組選擇器簡單用法。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery分組選擇器</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
// 注意:#content.title,.header.title無效
$('.header, div.title, [title="foot"]').css('backgroundColor','red');
});
</script>
</head>
<body>
<div class="header">header
<div class="title">title</div>
</div>
<hr>
<div id="content">
content
<div class="title">title</div>
<div class="context">context</div>
<div class="other">other</div>
</div>
<hr>
<footer title='foot'>footer</footer>
</body>
</html>
這里使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得如下運行效果：
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
之前有碰到過jQuery實現(xiàn)列表自動滾動，這次的圖片輪播在原理上與之相同，只有一些細微的差別，就是需要在圖片的右下角顯示當前圖片的序號2013-09-09
jQuery插件EnPlaceholder實現(xiàn)輸入框提示文字
EnPlaceholder插件支持密碼框哦！實際對比同類的placeholder插件在ie等瀏覽器下效果要好很多！下面我們來具體探討下此插件的使用方法吧。2015-06-06
jQuery是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇。其中，jQuery 最令人印象深刻的應用之一就是對圖片的處理，它可以讓幫助你在你的項目中加入各種精美的圖片展示效果2012-08-08
本文整理了一些jquery入門必備的基本知識及相關實例，適合初學者學習，另附一些jquery的常用事件，感興趣的各位可不要錯過了哈2013-06-06
基于Jquery和html5實現(xiàn)炫酷的3D焦點圖動畫
這篇文章主要介紹了基于Jquery和html5實現(xiàn)炫酷的3D焦點圖動畫的相關資料，焦點圖中的圖片利用了CSS3的相關特性實現(xiàn)圖片傾斜效果，從而讓圖片出現(xiàn)3D的視覺效果，感興趣的小伙伴們可以參考一下2016-03-03
使用jQuery快速解決input中placeholder值在ie中無法支持的問題
本篇文章主要介紹了使用jQuery快速解決input中placeholder值在ie中無法支持的問題。需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery插件zTree實現(xiàn)獲取當前選中節(jié)點在同級節(jié)點中序號的方法
這篇文章主要介紹了jQuery插件zTree實現(xiàn)獲取當前選中節(jié)點在同級節(jié)點中序號的方法,結合實例形式分析了屬性插件zTree針對節(jié)點序號的相關操作技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery實現(xiàn)購物車的總價計算和總價傳值功能 ,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
父級以及同級元素的查找在使用過程中還是蠻頻繁的，下面為大家介紹下jQuery是如何實現(xiàn)的，感興趣的朋友可以參考下2013-09-09
DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)
DOM事件標準定義了兩種事件流，這兩種事件流有著顯著的不同并且可能對你的應用有著相當大的影響。這兩種事件流分別是捕獲和冒泡。和許多Web技術一樣，在它們成為標準之前，Netscape和微軟各自不同地實現(xiàn)了它們，下面介紹DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序2015-08-08