国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery后代選擇器用法實例

2019-11-20 13:37:43
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery后代選擇器用法。分享給大家供大家參考。具體分析如下:

后代選擇器匹配給定的祖先元素下用以匹配的所有后代元素。

點擊選擇器可以查閱參考手冊中所有jQuery選擇器。

代碼實例如下:

復制代碼 代碼如下:
$(".mydiv span")

以上代碼匹配類名mydiv元素包含的span元素。兩個選擇器之間要用空格分隔。
實例代碼:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<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">
  <span>武林網</span>
</div>
<div class="anotherdiv">
  <span>武林網</span>
</div>
<button>點擊查看效果</button>
</body>
</html>

該實例可實現將類名為mydiv的div下的span元素中的文本顏色設置為紅色。

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 开原市| 鹿泉市| 六盘水市| 张家港市| 宁德市| 德安县| 花莲市| 广西| 綦江县| 天峨县| 高要市| 敖汉旗| 南召县| 石嘴山市| 罗山县| 龙里县| 泰宁县| 龙泉市| 南川市| 新宁县| 邯郸市| 邮箱| 嵊州市| 高唐县| 张掖市| 慈利县| 广灵县| 建水县| 葫芦岛市| 金堂县| 彭泽县| 项城市| 灵川县| 贡觉县| 莎车县| 若羌县| 南昌市| 新津县| 海城市| 夏河县| 安塞县|