站長資訊網
最全最豐富的資訊網站

jquery怎么查找隱藏的元素

兩種實現方法:1、使用“:hidden”,語法“$(":hidden")”,可直接選取隱藏的元素;2、“:visible”和“:not()”配合使用,語法“$(":not(:visible)")”,可選取顯示狀態之外的元素,即選取隱藏元素。

jquery怎么查找隱藏的元素

本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery可以使用以下兩種方法來查找隱藏元素:

  • 直接使用 :hidden 選擇器

  • 使用:visible和:not()選擇器

1、使用 :hidden 選擇器

:hidden 選擇器的作用就是選取隱藏的元素。

示例:顯示隱藏的元素

<!DOCTYPE html> <html>  	<head> 		<meta charset="UTF-8"> 		<script src="js/jquery-1.10.2.min.js"></script> 		<script> 			$(document).ready(function() { 				$(":hidden").show(3500); 			}); 		</script> 	</head> 	<body>  		<p>這是一個段落。</p> 		<p>這是另外一個段落。</p> 		<p style="display:none;">這是一個隱藏段落。</p> 		<div style="display:none;">這是隱藏的 div 元素。</div>  	</body> </html>

jquery怎么查找隱藏的元素

2、使用:visible和:not()選擇器

  • :visible 選擇器選取當前可見的每個元素。

  • :not() 選擇器選取除了指定元素以外的所有元素。

“:visible”和“:not()”配合使用選取顯示狀態之外的元素,就是選取隱藏元素。

示例:顯示隱藏的元素

<!DOCTYPE html> <html>  	<head> 		<meta charset="UTF-8"> 		<script src="js/jquery-1.10.2.min.js"></script> 		<script> 			$(document).ready(function() { 				$(":not(:visible)").fadeToggle(3500); 			}); 		</script> 	</head> 	<body>  		<p>這是一個段落。</p> 		<p>這是另外一個段落。</p> 		<p style="display:none;">這是一個隱藏段落。</p> 		<div style="display:none;">這是隱藏的 div 元素。</div>  	</body> </html>

jquery怎么查找隱藏的元素

【推薦學習:jQuery視頻教程、web前端視頻】

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
亚洲国产精品综合久久网络 | 最新国产在线精品观看| 一区二区三区日韩| 思思99re66在线精品免费观看 | 亚洲日韩在线第一页| 无码国产精品一区二区高潮| 亚洲中文字幕精品久久| 国产精品蜜芽在线观看| 精品国产一区二区三区色欲| 精品无码一区二区三区爱欲| 久久精品久久精品| 国产成人精品高清在线观看93| 真实国产乱子伦精品视频| 真实国产乱子伦精品一区二区三区| 久久精品国产精品亚洲艾草网美妙| 亚洲精品动漫人成3d在线| 日本精品自产拍在线观看中文 | 99这里只有精品| 无码精品人妻一区二区三区人妻斩 | 久久机热re这里只有精品15| 国产精品久久久久国产A级| 麻豆精品久久精品色综合| 国产精品多人p群无码| 国产精品成人A区在线观看| 国产精品免费看久久久| 久久亚洲伊人中字综合精品| 久久亚洲精品无码| 久久精品国产亚洲AV无码娇色 | 日批日韩在线观看| 日韩精品无码久久一区二区三| 一本大道无码人妻精品专区| 亚洲精品久久久www| 国产精品爱搞视频网站 | 欧美日韩久久久精品A片| 欧美日韩精品乱国产| 少妇亚洲免费精品| 国产色婷婷精品综合在线| 99re8这里有精品热视频免费| 亚洲精品亚洲人成人网| 国产日韩精品中文字无码| 久久精品国产99精品国产亚洲性色|