jQuery分組選擇器用法實(shí)例
本文實(shí)例講述了jQuery分組選擇器用法。分享給大家供大家參考。具體分析如下:
分組選擇器將每一個(gè)選擇器匹配到的元素合并后一起返回,能夠?qū)λ鼈冞M(jìn)行相同的操作。
實(shí)例代碼:
以上代碼能夠匹配類名為mydiv的元素和所有的span元素。兩個(gè)選擇器之間要用逗號分割。
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<style type="text/css">
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".mydiv ,span").css("color","red");
})
})
</script>
</head>
<body>
<div class="mydiv">腳本之家</div>
<span>腳本之家歡迎您</span>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼可以將類名為mydiv的div和span中的字體顏色設(shè)置為紅色。
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
文章主要向大家介紹了jQuery 根據(jù)值或者文本選中select的方法和示例,非常實(shí)用的功能,需要的朋友可以參考下2015-02-02jquery ajax jsonp跨域調(diào)用實(shí)例代碼
今天研究了AJAX使用JSONP進(jìn)行跨域調(diào)用的方法,發(fā)現(xiàn)使用GET方式和POST方式都可以進(jìn)行跨域調(diào)用,這里簡單分享下,方便需要的朋友2013-12-12jquery?ajax實(shí)現(xiàn)文件上傳提交的實(shí)戰(zhàn)步驟
今天項(xiàng)目中加了一個(gè)上傳文件的需求,我就搞了一下,下面這篇文章主要給大家介紹了關(guān)于jquery?ajax實(shí)現(xiàn)文件上傳提交的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11jquery實(shí)現(xiàn)簡單自動(dòng)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡單自動(dòng)輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07jquery如何通過name名稱獲取當(dāng)前name的value值
本文為大家介紹下jquery通過name名稱獲取當(dāng)前name的value值的具體實(shí)現(xiàn),感興趣的朋友可以參考下2013-12-12Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08jQuery學(xué)習(xí)筆記[1] jQuery中的DOM操作
jQuery中的DOM操作實(shí)現(xiàn)說明,學(xué)習(xí)DOM操作的朋友可以參考下。2010-12-12