Jquery Javascript不能在我的代码上工作？_Jquery

Jquery Javascript不能在我的代码上工作？

jquery

Jquery Javascript不能在我的代码上工作？,jquery,Jquery,出于某种原因，我不认为我的javascript真的不能“连接”或链接到我的HTML页面。我甚至试图在我的html代码中加入javascript，但我真的不知道到底出了什么问题这是我的密码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta

出于某种原因，我不认为我的javascript真的不能“连接”或链接到我的HTML页面。我甚至试图在我的html代码中加入javascript，但我真的不知道到底出了什么问题

这是我的密码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="practice">
<meta name="keywords" content="practice">
<title>Practice</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery_regular.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="js/top_javascript.js"></script>
<script type="text/javascript" src="js/jquery_rollover.js"></script>
<script type="text/javascript" src="js/jquery_slideout.js"></script>
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="stylesheet/top_style.css" type="text/css" media="all">
<link rel="shortcut icon" href="favicon.ico" />


</head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("about").hover(function(){
    $("about").css("background-color","yellow");
    },function(){
    $("about").css("background-color","pink");
  });
});
</script>

    <body onLoad="fontSizeChg(0);">
        <div id="top_wrapper">
            <!-- Maint  -->
            <div id="top_main_box">
            <div id="slide">
                <!-- Main left -->
                <div id="top_main_l_box">
                    <!-- Main left logo -->
                    <div id="top_main_logo"><img src="image/title.png" alt=""></div>

                    <!-- Main left Navi -->
                    <ul id="top_main_navi_1">
                        <li id="about"> ABOUT </li>
                        <li><a><img src="image/member.png" alt="" class="rollover"></a></li>
                        <li><a><img src="image/photo.png" alt="" class="rollover"></a></li>
                        <li><a><img src="image/links.png" alt="" class="rollover"></a></li>
                        <li><a><img src="image/contact.png" alt="" class="rollover"></a></li>
                    </ul>



                </div>
                <div id="about_this">
                        This is all the things about our page
                </div>


实践
$（文档）.ready（函数（）{
$（“关于”）.hover（函数（）{
$（“about”）.css（“背景色”、“黄色”）；
}，函数（）{
$（“about”）.css（“背景色”、“粉色”）；
});
});

关于





这就是我们网页的全部内容

您需要使用

通过

id

将元素作为目标：

$(document).ready(function(){
    $("#about").hover(function(){
        $(this).css("background-color","yellow");
    },function(){
        $(this).css("background-color","pink");
    });
});

另外，您只需要包含jQuery一次，目前已经加载了两次，因此可以删除以下内容：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">

您正在尝试引用一个关于

元素的。这是不存在的。因此，您需要将该代码更改为以下内容：
<script>
$(document).ready(function(){
  $("#about").hover(function(){
    $("#about").css("background-color","yellow");
    },function(){
    $("#about").css("background-color","pink");
  });
});
</script>


$（文档）.ready（函数（）{
$（“#关于”）.hover（函数（）{
$（“#关于”）.css（“背景色”、“黄色”）；
}，函数（）{
$（“#关于”）.css（“背景色”、“粉色”）；
});
});
试试这个--

$（文档）.ready（函数（）{
$（“#关于”）.hover（函数（）{
$（“#关于”）.css（“背景色”、“黄色”）；
}，函数（）{
$（“#关于”）.css（“背景色”、“粉色”）；
});
});
如果您的id不正确，请尝试此操作
$(document).ready(function(){


$("#about").hover(function(){

$("#about").css("background-color","yellow");
},function(){

$("#about").css("background-color","pink");
  });
});

“about”
不是有效的选择器。嗯，除非你有一个元素，但它看起来不像你有。Javascript现在对你来说是非常先进的。。。您应该从基本的html标记以及如何呈现html页面及其所有项目开始。访问这里-因为您的HTML标记是错误的，您需要先了解它，下一步将是CSS，然后是JS。
$(document).ready(function(){


$("#about").hover(function(){

$("#about").css("background-color","yellow");
},function(){

$("#about").css("background-color","pink");
  });
});