All*_*nph 3 jquery class selector jsfiddle
好吧,真正令人沮丧和奇怪的事情正在发生.我在我的服务器上安装了JQuery,我知道它是正确导入的,因为当我运行一个简单的...
$(function() { alert('hello') });
它警告"你好".但是,当我尝试使用css选择器时......
$(".image").css("border","3px solid red");
这是行不通的!是的,我100%确定文件中有类名称.这是真正的踢球者,当我将我的代码复制到一个jsFiddle时,它工作得很好.是什么赋予了？!
你的jsFiddle是为了 onload在jsFiddle窗口的左上角.如果你将它设置为"No Wrap - in Head"来模拟<head>标签中的代码,那么你的jsFiddle就不再有效了.
该 onload设置意味着,直到页面已加载的jsfiddle不运行你的JavaScript.
在您的真实页面中,您可能在页面加载之前很快就运行了javascript.
您可以通过将自己的javascript放入其中来解决这个问题 .ready()函数中:
$(document).ready(function(){
$(".image").css("border","3px solid red");
});
或者,您可以确保javascript没有加载/运行,直到之前 </body>标记,这是确保在脚本运行之前加载页面内容的简单方法.
<body>
Your HTML content here
<script>
// your script here that runs after all of the DOM is parsed
$(".image").css("border","3px solid red");
</script>
</body>
有关正确放置标签的更多详细信息,请参阅此答案<script>.