jquery不顯示隱藏元素

Question

我的html中有這兩個元素

<p id="fullday" hidden="true" >Full Day</p>
 <input type="checkbox"  id="fullday" hidden="true" name="CheckIn">

當我調用該函數時，在我的js文件中

$('#fullday').show();

只顯示<p>元素，復選框仍然隱藏.. thnx提前

Answer 1

你有2個問題。

ID必須是唯一的
而是使用可以在多個元素上使用的類來標識一組元素。
hidden="none"是隱藏要顯示的值的非標准方式。 根據MDN的使用建議

不得使用此屬性隱藏可合法顯示的內容。 例如，它不應該用於隱藏選項卡式界面的選項卡面板，因為這是一個樣式決策，另一種顯示它們的樣式將導致完美正確的頁面。

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#hidden
請使用display:none ，如下所示，或使用CSS隱藏。
```
 <p class="fullday" style="display:none" >Full Day</p> <input type="checkbox" class="fullday" style="display:none" name="CheckIn"> 
```
然后js就是
```
 $(".fullday").show(); 
```

Answer 2

ID必須是獨一無二的！

嘗試使用class而不是$（'。fullday'）選擇器。

Answer 3

看看W3學校有什么話要說：

id選擇器用於為單個唯一元素指定樣式。

類選擇器用於指定一組元素的樣式。 與id選擇器不同，類選擇器最常用於多個元素。

了解ID和類之間的區別。 祝好運！