亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

這節內容是真難理解,尤其是那個show函數

這節內容是真難理解,尤其是那個show函數,感覺快廢了

正在回答

3 回答

<script?type="text/javascript">
????	//查找id?=?div1的DOM元素,是否可見
????	show(?$('.div:visible')?);
????</script>

????<script?type="text/javascript">
????	//查找id?=?div2的DOM元素,是否可見
????	//show(?$('#div2:visible')?);
????</script>

????<script?type="text/javascript">
????	//查找id?=?div3的DOM元素,是否可見
????	//show(??$('#div3:visible')??);
????</script>

????<script?type="text/javascript">
????	//查找id?=?div1的DOM元素,是否隱藏
????	//show(?$('#div1:hidden')?);
????</script>

????<script?type="text/javascript">
????	//查找id?=?div2的DOM元素,是否隱藏
????	//show(??$('#div2:hidden')?);
????</script>

????<script?type="text/javascript">
????	//查找id?=?div3的DOM元素,是否隱藏
????	//show(??$('#div3:hidden')?);
????</script>

可以用如上代碼做驗證,其實這節講的就是驗證不同情況下元素的:visible或者:hidden,老師給大家分析了幾種情況,函數show運行的結果0或者1只是符合條件的元素的個數。例如?楓葉咚咚咚 的分析。所以按照我的代碼,可以得出 .div:visible的個數為3。show()括號里面的字符是作為參數傳遞給show函數的。

0 回復 有任何疑惑可以回復我~
#1

兮蓅

你好,請問.div的可見個數不是只有最后一個嗎?怎么是3
2017-10-26 回復 有任何疑惑可以回復我~

show()函數的意思
function show (ele) {
?? ??? ??? ?if (ele instanceof jQuery) {//如果是jQuery元素
?? ??? ??? ??? ?$("#show").append('元素的長度的 = ' + ele.length) // 顯示“元素的長度 = (ele的個數)”
?? ??? ??? ?} else {//如果不是jQuery元素
?? ??? ??? ??? ?alert(ele+' 不是jQuery對象')
?? ??? ??? ?}
?? ??? ?}
執行結果:元素的長度的 = 0元素的長度的 = 0元素的長度的 = 1元素的長度的 = 1元素的長度的 = 1元素的長度的 = 0

為什么結果是這樣:

show( $("#div1:visible") ); //div1的CSS display值為none,所以獲取不到visible的元素,結果為0
show( $("#div2:visible") ); //div2的寬度和高度都顯式設置為0 ,所以獲取不到visible的元素,結果為0
show(? $("#div3:visible") ); //div3的visibility: hidden 或 opacity: 0被認為是可見的,因為他們仍然占用空間布局,結果1
show( $("#div1:hidden") ); // 該元素hidden了,獲取到一個hidden元素,結果1
show($("#div2:hidden") ); // 該元素hidden了,獲取到一個hidden元素,結果1
show( $("#div3:hidden")); // 該元素是visible的,獲取不到hidden元素,結果0

9 回復 有任何疑惑可以回復我~
#1

容錯率

我最后得到的答案怎么是1.。。。。。
2017-09-28 回復 有任何疑惑可以回復我~
#2

楓葉咚咚咚 回復 容錯率

貼代碼呀
2017-09-30 回復 有任何疑惑可以回復我~
#3

容錯率 回復 楓葉咚咚咚

那個1應該是我代碼寫錯了,之后又重寫了一次,對了
2017-09-30 回復 有任何疑惑可以回復我~

效果適用于css加了display:none的元素,顯示選中元素

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

這節內容是真難理解,尤其是那個show函數

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號