Javascript/jQuery不能与我的html和css一起工作

Javascript/jQuery doesn't work with my html and css?

本文关键字：css 一起 工作 html 我的 jQuery 不能 Javascript      更新时间：2023-09-26

我学过jQuery但当我尝试它并启动html时，它不起作用，下面是我的代码:

html: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="script/test.js"></script>
    <script type="text/javascript" src="script/jquery.mobile-1.4.0.js"></script>
    <script type="text/javascript" src="script/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/redorgreen.css" />
</head>
<body>
    <div class="blok1">test</div>
</body>
</html>

CSS (reredgreen . CSS):

.blok1
{
    background: url(../img/fblogo.png);
    background-size: cover; 
    }

最后是javascript (test.js):

$(document).ready(function(){
    $('.blok1').remove();
    });

我不知道我做错了什么…有人能帮我解决这个问题吗?谢谢!

按如下方式修改HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="script/jquery.mobile-1.4.0.js"></script>
<script type="text/javascript" src="script/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="script/test.js"></script>
<link rel="stylesheet" type="text/css" href="css/redorgreen.css" />
</head>
<body>
<div class="blok1">test</div>
</body>
</html>

你需要在加载JQuery后包含脚本

相关文章：