Question

这是我到目前为止，由于某种原因，文字不会变成蓝色 - ＆gt;

Testing.html：

<html>
<head>
<script src = "jquery-1.5.min.js" type = "text/javascript"></script>
<script src = "get_comments.js" type = "text/javascript"></script>
</head>
<body>
<div id = "button">testing this out</div>
</body>
</html>

get_comments.js：

$("#button").css("color","blue");

Answer 1

您似乎忘记了$

之前的("#button").css("color","blue");

$("#button").css("color","blue");

Answer 2

错误＃1：@dogbert＆amp; @wasim抓住了，你需要使用jQuery的jQuery工厂方法（默认情况下，别名为$）：

$('#button')...

错误＃2：#button在执行get_comments.js时不存在，因此如果＃1只是副本面食问题，那么您的脚本仍然无法正常工作。您需要等待文档准备就绪，或者将脚本放在按钮后面以选择按钮：

//this is the jQuery way of setting the document.ready event
//it aliases `jQuery` to `$` in case you ever feel like using `noConflict`
jQuery(function($){
  $('#button').css('color', 'blue');
  //-or-
  $('#button').css({'color':'blue'});
  //if you want to set more than one style at a time
});

Answer 3

试试这个，你的JS文件在HTML正文之前加载。所以你应该使用.ready（）;

$(document).ready(function(){
    $("#button").css("color","blue");
});

Answer 4

$是jQuery()对象的别名。没有快捷方式，你要做的就是写成：

jQuery("#button").css("color", "blue");

使用快捷方式：

$("#button").css("color", "blue");

之所以存在，是因为其他Javascript框架和脚本有时会使用$，因此jQuery()存在兼容性。

Answer 5

当浏览器加载HTML文档时，浏览器会开始在行后读取HTML行。

在第4行，它被告知加载get_comments.js。当它加载get_comments.js时，浏览器还没有读取HTML文件的结尾。所以它不知道一个名为“按钮”的DIV。

在文件get_comments.js中，您要求浏览器更改“按钮”DIV的字体颜色。但是由于浏览器还不知道文档中会有“按钮”DIV，它什么也没做。

要使其正常工作，您必须告诉浏览器等到读完所有HTML页面。比它可以判断文档中是否有“buuton”DIV，并改变它的字体颜色。

要执行此操作，请使用以下代码：

// a function to find the button and change its font color
function changeFontColor() {
    $('#button').css('color', 'blue');
}

// tell jQuery to execute that function when doc ready
jQuery(document).ready(changeFontColor);

这段代码可以用更短的方式编写：

$(function() { $('#button').css('color', 'blue'); });

有人可以帮我正确设置jquery吗？

5 个答案: