課程
/前端開發
/jQuery
/jQuery基礎 (一)—樣式篇
這節內容是真難理解,尤其是那個show函數,感覺快廢了
2017-09-13
源自:jQuery基礎 (一)—樣式篇 2-9
正在回答
<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函數的。
兮蓅
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的元素,結果為0show( $("#div2:visible") ); //div2的寬度和高度都顯式設置為0 ,所以獲取不到visible的元素,結果為0show(? $("#div3:visible") ); //div3的visibility: hidden 或 opacity: 0被認為是可見的,因為他們仍然占用空間布局,結果1show( $("#div1:hidden") ); // 該元素hidden了,獲取到一個hidden元素,結果1show($("#div2:hidden") ); // 該元素hidden了,獲取到一個hidden元素,結果1show( $("#div3:hidden")); // 該元素是visible的,獲取不到hidden元素,結果0
容錯率
楓葉咚咚咚 回復 容錯率
容錯率 回復 楓葉咚咚咚
效果適用于css加了display:none的元素,顯示選中元素
舉報
jQuery初入開啟樣式修煉,體驗萬能的jQuery樣式集搭建網站布局
4 回答這個函數是這樣理解嗎
3 回答對函數真的不理解啊
1 回答這幾節的那個什么函數的那個都不是很理解,希望大神可以指導一下
2 回答最后一個函數的理解?
2 回答$(".tag:first a:contains('更多')")如何理解尤其里面的first
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-10-17
可以用如上代碼做驗證,其實這節講的就是驗證不同情況下元素的:visible或者:hidden,老師給大家分析了幾種情況,函數show運行的結果0或者1只是符合條件的元素的個數。例如?楓葉咚咚咚 的分析。所以按照我的代碼,可以得出 .div:visible的個數為3。show()括號里面的字符是作為參數傳遞給show函數的。
2017-09-16
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
2017-09-13
效果適用于css加了display:none的元素,顯示選中元素