鍍金池/ 問答/HTML5  HTML/ style和jquery修改樣式的優(yōu)先級(jí)問題

style和jquery修改樣式的優(yōu)先級(jí)問題

問題描述

我首先把所有元素隱藏了，想在jquery里id為div4標(biāo)簽把他再顯現(xiàn)，但沒反映，不知道是什么原因

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1,#div2,#div3,#div4{
            display:none;
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#div4").css("display","block");
        })
    </script>
</head>
<body>
    <div>
        <div id="div1">
            id div1
            <div id="div4" class="hello" >
                第1個(gè)div
            </div>
        </div>
        <div id="div2">
            第2個(gè)div
        </div>
        <div id="div3">
            第3個(gè)div
        </div>
    </div>
    
</body>

</html>

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

不知道為什么后面的樣式改不了之前的。

回答
編輯回答
風(fēng)清揚(yáng)

div4在div1里面，div1是隱藏的，div4不管顯示與否都不會(huì)顯示的

2018年7月3日 06:23
編輯回答
傻丟丟

兩個(gè)問題：
1、樓上已經(jīng)說了 DIV4本來就位于不可見的DIV1里面，所以不管怎么改變，他始終都是不可見

2、JS需要放到HTML尾部。

2017年5月19日 21:47