課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ) (一)—樣式篇
這節(jié)內(nèi)容是真難理解,尤其是那個(gè)show函數(shù),感覺快廢了
2017-09-13
源自:jQuery基礎(chǔ) (一)—樣式篇 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>
可以用如上代碼做驗(yàn)證,其實(shí)這節(jié)講的就是驗(yàn)證不同情況下元素的:visible或者:hidden,老師給大家分析了幾種情況,函數(shù)show運(yùn)行的結(jié)果0或者1只是符合條件的元素的個(gè)數(shù)。例如?楓葉咚咚咚 的分析。所以按照我的代碼,可以得出 .div:visible的個(gè)數(shù)為3。show()括號(hào)里面的字符是作為參數(shù)傳遞給show函數(shù)的。
兮蓅
show()函數(shù)的意思function show (ele) {?? ??? ??? ?if (ele instanceof jQuery) {//如果是jQuery元素?? ??? ??? ??? ?$("#show").append('元素的長(zhǎng)度的 = ' + ele.length) // 顯示“元素的長(zhǎng)度 = (ele的個(gè)數(shù))”?? ??? ??? ?} else {//如果不是jQuery元素?? ??? ??? ??? ?alert(ele+' 不是jQuery對(duì)象')?? ??? ??? ?}?? ??? ?}執(zhí)行結(jié)果:元素的長(zhǎng)度的 = 0元素的長(zhǎng)度的 = 0元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 0
為什么結(jié)果是這樣:
show( $("#div1:visible") ); //div1的CSS display值為none,所以獲取不到visible的元素,結(jié)果為0show( $("#div2:visible") ); //div2的寬度和高度都顯式設(shè)置為0 ,所以獲取不到visible的元素,結(jié)果為0show(? $("#div3:visible") ); //div3的visibility: hidden 或 opacity: 0被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局,結(jié)果1show( $("#div1:hidden") ); // 該元素hidden了,獲取到一個(gè)hidden元素,結(jié)果1show($("#div2:hidden") ); // 該元素hidden了,獲取到一個(gè)hidden元素,結(jié)果1show( $("#div3:hidden")); // 該元素是visible的,獲取不到hidden元素,結(jié)果0
容錯(cuò)率
楓葉咚咚咚 回復(fù) 容錯(cuò)率
容錯(cuò)率 回復(fù) 楓葉咚咚咚
效果適用于css加了display:none的元素,顯示選中元素
舉報(bào)
jQuery初入開啟樣式修煉,體驗(yàn)萬能的jQuery樣式集搭建網(wǎng)站布局
4 回答這個(gè)函數(shù)是這樣理解嗎
3 回答對(duì)函數(shù)真的不理解啊
1 回答這幾節(jié)的那個(gè)什么函數(shù)的那個(gè)都不是很理解,希望大神可以指導(dǎo)一下
2 回答最后一個(gè)函數(shù)的理解?
2 回答$(".tag:first a:contains('更多')")如何理解尤其里面的first
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-10-17
可以用如上代碼做驗(yàn)證,其實(shí)這節(jié)講的就是驗(yàn)證不同情況下元素的:visible或者:hidden,老師給大家分析了幾種情況,函數(shù)show運(yùn)行的結(jié)果0或者1只是符合條件的元素的個(gè)數(shù)。例如?楓葉咚咚咚 的分析。所以按照我的代碼,可以得出 .div:visible的個(gè)數(shù)為3。show()括號(hào)里面的字符是作為參數(shù)傳遞給show函數(shù)的。
2017-09-16
show()函數(shù)的意思
function show (ele) {
?? ??? ??? ?if (ele instanceof jQuery) {//如果是jQuery元素
?? ??? ??? ??? ?$("#show").append('元素的長(zhǎng)度的 = ' + ele.length) // 顯示“元素的長(zhǎng)度 = (ele的個(gè)數(shù))”
?? ??? ??? ?} else {//如果不是jQuery元素
?? ??? ??? ??? ?alert(ele+' 不是jQuery對(duì)象')
?? ??? ??? ?}
?? ??? ?}
執(zhí)行結(jié)果:元素的長(zhǎng)度的 = 0元素的長(zhǎng)度的 = 0元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 1元素的長(zhǎng)度的 = 0
為什么結(jié)果是這樣:
show( $("#div1:visible") ); //div1的CSS display值為none,所以獲取不到visible的元素,結(jié)果為0
show( $("#div2:visible") ); //div2的寬度和高度都顯式設(shè)置為0 ,所以獲取不到visible的元素,結(jié)果為0
show(? $("#div3:visible") ); //div3的visibility: hidden 或 opacity: 0被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局,結(jié)果1
show( $("#div1:hidden") ); // 該元素hidden了,獲取到一個(gè)hidden元素,結(jié)果1
show($("#div2:hidden") ); // 該元素hidden了,獲取到一個(gè)hidden元素,結(jié)果1
show( $("#div3:hidden")); // 該元素是visible的,獲取不到hidden元素,結(jié)果0
2017-09-13
效果適用于css加了display:none的元素,顯示選中元素