国产探花免费观看_亚洲丰满少妇自慰呻吟_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://www.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://www.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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 区。| 贺兰县| 平乡县| 永新县| 南川市| 峨山| 灌阳县| 奉化市| 莎车县| 密山市| 定边县| 永宁县| 凤翔县| 南漳县| 灵宝市| 缙云县| 旅游| 旺苍县| 兰溪市| 巴里| 新干县| 克什克腾旗| 拜泉县| 阳原县| 龙南县| 永年县| 龙口市| 宁远县| 连州市| 香河县| 肥乡县| 云龙县| 大姚县| 措美县| 禹城市| 桃园县| 晋州市| 徐水县| 徐水县| 哈巴河县| 青冈县|