javascript - 无法使用 jquery 选择特定元素

标签 javascript jquery html css

我正在制作一个网站,我想通过点击某些部分来更改页面的内容。我有 CSS、HTML、JS 是单独的文件。我是菜鸟。使用 jquery,当我给标签(“*”)选择所有元素时,我会收到警报,但对于我来说,我无法选择特定的 div。所有的 div 都是唯一的,但我真的不明白为什么查询不能选择特定的 div。

 $('*').click(function()
    {     alert("The paragraph was clicked.");
     });

---->工作

但这不是

    $('#topbar').click(function(){ 
        alert("The paragraph was clicked.");
     }); 

完整代码如下:

<!doctype html>
<html>
<head>
 <title>dear C</title>
 <meta charset="utf-8" />
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <link rel="stylesheet" type="text/css" href="bbc.css">
 </head>
 <link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
 <script type="text/javascript" src="jquery-2.1.3.min.js">
 </script>	
 <script type="text/javascript" src="resume.js">
 </script>	
<body>

 <div id="container">
 	<div id="topbar">
		<div id="logo">
		</div>
		<div id="contact">
				<div id="facebook">
				<a href="https://www.facebook.com/dipranjan.chatterjee"></a></div>
				<div id="mail">
				<a href="mailTo:dipranjan.chatterjee@gmail.com"></a></div>
				<div id="blog">
				<a href="http://chotochotodukhoktha.blogspot.in/"></a></div>
		</div>
		<div id="name"> Dip Ranjan Chatterjee</div>
		</div>
		<div id="bottom">
		<div id="sidebar">
			<div id="about">About</div>
			<div id="border"></div>
			<div id="edu">Education</div>
			<div id="border2"></div>
			<div id="prof">Professional Exp.</div>
			<div id="border3"></div>
			<div id="portfolio">Portfolio</div>
		</div>
		<div id="contents"><p>

<p>Feel free to drop me a mail or message, if you need to get in touch with me.</p>
		</div>
	</div>

</body>

另请注意,我将 CSS html 和 JS 全部放在单独的文件中。在 JS 文件中,我放置了 jquery。

最佳答案

确保您没有多个具有相同 id 的 div(在这种情况下为#topbar),并且您在加载文档后添加监听器。

$(document).ready(function(){
    $('#topbar').click(function(){
        alert("The paragraph was clicked.");
    });
});

关于javascript - 无法使用 jquery 选择特定元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28395931/

相关文章:

html - 如何设置 <details> <summary> 元素的箭头样式?

javascript - 通过 javascript 添加元素后,CSS 渐变不填充容器

javascript - 使用表中的数据反转 Highcharts 上的轴

jquery - 如何在没有插件的情况下在 Jquery 中实现 "observer"?

文本鼠标悬停在 javascript 图像弹出窗口

列表周围的 Html/Css 边框

html - 实时服务器未加载 css 文件

javascript - 在 Javascript 中将电话字符串转换为整数

javascript - 使用数组索引/Javascript 更改字符串的顺序

javascript - 将同名的JSON数据放到不同的div中