javascript - 为什么不在浏览器上获得 JQuery 效果?

标签 javascript jquery html css dom

<分区>

我是 JQuery 的新手,我正在尝试一些简单的代码,但没有在浏览器上获得所需的输出。这是我的代码:

<head>
<title>Product</title>
<script type="text/javascript" src="../../Scripts/jquery-1.5.1-vsdoc.js"></script>
</head>

<body>

<script type="text/javascript">
$('p').css('color','#red');
</script>

<p> 
This is for test, supposed to show in red!!
</p>
</body>

我做错了什么?我用firefox来观察结果。提前致谢。

最佳答案

当 dom 尚未构建时,您尝试使用它。在 jQuery 中有一个标准的事件处理程序:

$(document).ready(function () {
  $('p').css('color', 'red');
});

更新:另外正如此处提到的,您应该使用 red 而不是 #red,因为 # 是用于颜色的十六进制代码。

关于javascript - 为什么不在浏览器上获得 JQuery 效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12344974/

上一篇:jQuery retract 的使用会影响其他 div 标签

下一篇:html - :hover not working on my svg path

相关文章:

php - 在 mysql 数据库上使用另一个就地编辑器 Jquery 插件

html - 停止 div 在较小尺寸的窗口中横向滚动。溢出 :hidden, 包装 div 和固定位置不起作用

javascript - 警报框不打印变量值

javascript - 在克隆表中查找可见行?

jquery - 如何: Zend_Form processing via ajax

javascript - 全局模式 - 除子文件夹外的完整目录

javascript - Angular 表行在编辑后消失

html - 如何使我的 DIV 与它所包含的文本大小相同

javascript - 将包含 4 个元素的不同类名收集到 JSON 字符串中

javascript - jQuery 动画滚动无需 $.browser 并且不会触发两次