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

首頁 > 編程 > JavaScript > 正文

jQuery中:has選擇器用法實例

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

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

此選擇器匹配含有選擇器所匹配的元素的元素。

語法結構:

復制代碼 代碼如下:
$(":has(selector)")

關于此選擇器的定義可能有點拗口,通俗的講就是如果一個元素含有selector(選擇器)所匹配的元素,那么此元素將被匹配。例如:
復制代碼 代碼如下:
$("div:has(p)")

以上選擇器將匹配含有p元素的div元素。
此選擇器一般也要和其他選擇器配合使用,比如類選擇器和元素選擇器等等。例如:
復制代碼 代碼如下:
$("div:has(p)").css("color","blue")

以上代碼將含有p元素的div元素中的字體顏色設置為藍色。
如果不和其他選擇器配合使用,則默認狀態是和*選擇器配合使用,例如$(":has")等同于$("*:has")。

參數列表:

參數 描述
selector 一個用于篩選的選擇器。

實例代碼:

實例一:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
div
{
  border:1px solid green;
  height:50px;
}
span{border:1px solid blue;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div:has(span)").css("border","1px solid red")
  })
})
</script>
</head>
<body>
<div>我不含span</div>
<div> <span>我是span</span></div>
<button>點擊查看效果</button>
</body>
</html>

以上代碼能夠將包含span元素的div的邊框顏色設置為紅色。

實例二:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
div
{
  border:1px solid green;
  height:50px;
}
span{border:1px solid blue;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("*:has(span)").css("border","1px solid red")
  })
})
</script>
</head>
<body>
<div>我不含span</div>
<div><span>我是span</span></div>
<p><span>我是span</span></p>
<button>點擊查看效果</button>
</body>
</html>

由于以上代碼并沒有指定與:has選擇器相配合使用的選擇器,所以就默認和*選擇器配合使用,所以能夠以上代碼能夠將所有含所有span元素的元素的邊框顏色設置為紅色。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黑龙江省| 天津市| 柳河县| 海门市| 苗栗市| 石家庄市| 定襄县| 南郑县| 陆丰市| 如东县| 康平县| 济源市| 桂林市| 鲜城| 正定县| 科技| 临桂县| 双牌县| 巴东县| 乾安县| 石阡县| 崇明县| 韶关市| 嘉定区| 资兴市| 锦屏县| 古蔺县| 平山县| 台南县| 长阳| 沙田区| 顺平县| 启东市| 抚顺市| 清河县| 神农架林区| 玉溪市| 金平| 乌恰县| 马公市| 宝山区|