JQuery方法没有给出预期的结果

JQuery method not giving the expected result

本文关键字：结果 方法 JQuery      更新时间：2023-09-26

这是我的代码:

$("p").css("background-color", "yellow");
alert( $("p").css("background-color"));

警报返回undefined而不是颜色。

我在Google Chrome和Firefox上都试过了。我已经从w3c网站中提取了这个，在他们的例子中，它是有效的(我甚至使用相同的jQuery版本)。

要么在jQuery加载之前调用该代码，要么在执行代码时文档中没有<p>标记

要测试第一种情况，将脚本移动到窗口的onload事件处理程序。此代码只会在所有脚本加载完成后运行。

window.onload = function(){
  if(window.jQuery){
    $("p").css("background-color", "yellow");
    alert( $("p").css("background-color"));
  }
  else{
    alert("jQuery is not loaded");
  }
}

如果警报jQuery is not loaded打开，您已经确定了问题

要测试第二种情况，请确保在尝试更改其CSS之前在文档中包含<p>标记。

在这个JSFiddle中工作得很好。

$("p").css("background-color", "yellow");
alert( $("p").css("background-color"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
test
</p>

验证你在你的HTML中有一个<p>标签(就像在我的小提琴中一样)，并检查你是否包含了JQuery，像这样:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>

试试这个代替你的脚本。

  $(document).ready(function(){
            $("button").click(function(){
               $("p").css("background-color", "yellow");
        alert( $("p").css("background-color"));
            });
        });

for HTML try this

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

这是基本的Javascript。

确保在header标签中包含了JQuery源代码。

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

代码在JSFiddle上运行良好。这里结账:

没关系，我找到了它不起作用的原因。我在这条指令之后创建了p，所以它实际上没有选择任何东西。

相关文章：