第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

jQuery 中的所有選擇器(“*”)如何工作?

jQuery 中的所有選擇器(“*”)如何工作?

哆啦的時(shí)光機(jī) 2023-10-10 16:18:31
我正在瀏覽 jQuery 文檔,并且對(duì)所有選擇器(“*”)示例感到非常困惑。為什么本例中的“h3”標(biāo)簽會(huì)出現(xiàn)紅色邊框?這是官方文檔。var elementCount = $( "*" ).css( "border", "3px solid red" ).length;$( "body" ).prepend( "<h3>" + elementCount + " elements found</h3>" );h3 {  margin: 0;}div, span, p {  width: 80px;  height: 40px;  float: left;  padding: 10px;  margin: 10px;  background-color: #EEEEEE;}<!doctype html><html>  <head>    <meta charset="utf-8">    <title>all demo</title>    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>  </head>  <body>    <div>DIV</div>    <span>SPAN</span>    <p>P <button>Button</button></p>  </body></html>由于前置語(yǔ)句是在第一個(gè)語(yǔ)句之后執(zhí)行的,因此我期望 h3 標(biāo)簽沒(méi)有紅色邊框。我使用瀏覽器工具檢查了 h3 元素,它的樣式也沒(méi)有顯示任何紅色邊框。
查看完整描述

1 回答

?
倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

*選擇 DOM 中的所有元素。這包括<body>,這就是您所看到的邊界實(shí)際所在的位置。如果刪除浮動(dòng),效果會(huì)更明顯,其他所有內(nèi)容都與下面的代碼片段相同:


var elementCount = $("*").css("border", "3px solid red").length;

$("body").prepend("<h3>" + elementCount + " elements found</h3>");

h3 {

  margin: 0;

}


div,

span,

p {

  width: 80px;

  height: 40px;

  padding: 10px;

  margin: 10px;

  background-color: #EEEEEE;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>DIV</div>

<span>SPAN</span>

<p>P <button>Button</button></p>

浮動(dòng)元素不會(huì)導(dǎo)致其容器擴(kuò)展以適應(yīng)。當(dāng)您附加 時(shí)h3,由于它是正文中唯一的非浮動(dòng)元素,因此正文的邊框看起來(lái)與 的邊框相同h3。

類似地,如果你不附加 h3,你會(huì)在頂部看到一個(gè)奇怪的粗紅色邊框,它似乎沒(méi)有包圍任何東西,因?yàn)闆](méi)有元素占用主體中的空間:

$("*").css("border", "3px solid red");

h3 {

  margin: 0;

}


div,

span,

p {

  float: left;

  width: 80px;

  height: 40px;

  padding: 10px;

  margin: 10px;

  background-color: #EEEEEE;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>DIV</div>

<span>SPAN</span>

<p>P <button>Button</button></p>

h3 實(shí)際上并沒(méi)有邊框——它只是看起來(lái)是這樣,因?yàn)橹黧w占據(jù)了相同的區(qū)域。



查看完整回答
反對(duì) 回復(fù) 2023-10-10
  • 1 回答
  • 0 關(guān)注
  • 100 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)