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

首頁 > 編程 > JavaScript > 正文

jQuery中:visible選擇器用法實例

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

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

此選擇器能夠匹配所有當前可見的元素。

語法結構:

復制代碼 代碼如下:
$(":visible")

此選擇器一般也要和其他選擇器配合使用,比如類選擇器和元素選擇器等等。例如:

復制代碼 代碼如下:
$("div:visible").css({color:"blue"})

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

實例代碼:

實例一:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
.display{display:none;}
</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:visible").css({color:"blue"});
  })
})
</script>
</head>
<body>
<div class="display">我是不可見的</div>
<div>我是可見的</div>
<ul>
  <li>武林網歡迎您</li>
</ul>
<button>點擊查看效果</button>
</body>
</html>

以上代碼可以將可見的可見div中的文本顏色設置為藍色。

實例二:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
.display {
display:none;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(":visible").css({color:"blue"});
  })
})
</script>
</head>
<body>
<div class="display">我是不可見的</div>
<div>我是可見的</div>
<ul>
  <li>武林網歡迎您</li>
</ul>
<button>點擊查看效果</button>
</body>
</html>

由于以上代碼并沒有指定與:visible選擇器相配合使用的選擇器,所以就默認和*選擇器配合使用,于是代碼能夠將所有可見元素中的文本顏色設置為藍色。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 肥西县| 台南县| 江阴市| 凤山县| 隆林| 建昌县| 宜宾县| 忻州市| 屏南县| 重庆市| 巴楚县| 高台县| 深水埗区| 台前县| 井研县| 武平县| 阳原县| 张掖市| 铅山县| 加查县| 法库县| 广元市| 化隆| 鹤壁市| 万源市| 焉耆| 海盐县| 延安市| 台东县| 象州县| 砀山县| 建阳市| 新干县| 灌南县| 大化| 微博| 右玉县| 海伦市| 海伦市| 迁西县| 邢台市|