JQuery样式没有得到应用

问题描述 投票:-1回答:6

我正在尝试使用JQuery来设置我的HTML页面,但它不起作用。

我的JQuery是正确的吗?

<script>
    $(document).ready(function() {
        $("div").css("color", "red");
    });
</script>


<div class="container-fluid text-center jumbotron">
    <h1 id="heading1">Protector of the Environment</h1>
    <h3 id="heading2">Wangari Maathai</h3>
</div>
jquery html css
6个回答
1
投票

我只添加jquery库,它运行良好。检查下面的代码段:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("div").css("color", "red");
    });
</script>


<div class="container-fluid text-center jumbotron">
    <h1 id="heading1">Protector of the Environment</h1>
    <h3 id="heading2">Wangari Maathai</h3>
</div>

0
投票
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("div").css("color", "red");
    });
</script>


<div class="container-fluid text-center jumbotron">
    <h1 id="heading1">Protector of the Environment</h1>
    <h3 id="heading2">Wangari Maathai</h3>
</div>

0
投票

jquery库需要通过script标签明确添加。添加库后,您的代码将开始工作。

可以使用CDN(内容分发网络)添加jquery

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

或者你可以使用本地jquery文件。

<script src="myProject/JavaScripts/jquery-3.3.1.js"></script>

0
投票

添加jquery库

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

0
投票

请使用classname应用css。

<script>
    $(document).ready(function() {
        $("div.text-center").css("color", "red");
    });
</script>

0
投票

这种类型的问题可能是由于CSS应用于h1和h3而无法由父div重写,因此尝试将CS​​S应用于h1和h3

 $(document).ready(function() {
      $("div, div h1, div h3 ").css("color", "red");
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>



<div class="container-fluid text-center jumbotron">
    <h1 id="heading1">Protector of the Environment</h1>
    <h3 id="heading2">Wangari Maathai</h3>
</div>
© www.soinside.com 2019 - 2024. All rights reserved.