为什么html页面里jQuery选择器不起作用

<html>
<head>
<title>jQueryTest.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function() {
$("p").click(function() {
alert("sfsfsalkfjaslk");
$(this).hide();
});
});

$(document).ready(function(){
$('p').css('background','#000');
});

$(function() {
$('p').css('font-size', '12px');
});
</script>
</head>

<body>
<p>
点击我会消失哦!
</p>
</body>
</html>
最新回答
呸狗屁的爱情っ

2024-09-30 06:14:15

可能造成的原因:
1、没有引用jquery文件
2、引用jquery文件路径不正确
3、引用jquery文件版本库不正确
4、选择器之前代码中有bug导致运行停止
5、选择器执行时元素不存在(在页面加载完成前调用)
杯酒入怀

2024-09-30 05:37:43

1、确认jquery文件是否载入,调用地址是否正确。
2、确认选择器是否合法。
3、把获取的语句放在$(window).load=function(){ ....这里...},或者$(function(){...这里...})。原因是如果你在文档的前部就使用$("选择器"),可能应为文档为载入完整的问题导致获取不到。

具体也可以贴上代码看看。
若曦

2024-09-30 12:49:51

哪里不起作用呢,是$('p').css('font-size', '12px');吗,是的话,应为$('p').css('fontSize', '12px');
在js里-符号要去掉,后面的第一个字母大写
作业君是个傲娇的东西

2024-09-30 00:49:41

没有引入吧,需要在body结束标签前引入:
<body>
''''''
''''''
<script src="
http://libs.baidu.com/jquery/2.0.0/jquery.min.js
"></script>
</body>
这样肯定行啦
五品带砖侍卫

2024-09-30 14:27:14

我这里试了一下没问题,我用的是jquery-1.4.4.min.js,也许你的引用路径或jQuery库有问题。