javascript我的代码出了什么问题
学校作业要求用.js文件来完成题目要求是点击h1会弹出“I'maheading”;鼠标移入第二个段落所有的段落都会变色（变色是用定义class来完成的）；鼠标移出恢复原状...
学校作业要求用.js文件来完成
题目要求是点击h1会弹出“I'm a heading”; 鼠标移入第二个段落所有的段落都会变色（变色是用定义class来完成的）；鼠标移出恢复原状； 点击zap按钮会删除列表中的第一个元素。我的代码如下，不知道问题出在哪里
html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
<script src="http://cmpt165.csil.sfu.ca/js/jquery-3.2.1.js"></script>
<script src="exercise6.js"> </script>
</head>
<body>
<h1>Exercise 6 Page</h1>
<p>Clicking on that heading should cause an
<code class="js">alert()</code>.</p>
<p id="hoverable">Moving your mouse cursor over this paragraph should make all <code class="html"><p></code> get the class
<code class="html">highlighted</code>, which should change their appearance (if the CSS is working too).</p>
<h2>Disappearing List Items</h2>
<button id="zap">Zap</button>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
<li>Fifth item</li>
<li>Sixth item</li>
</ol>
</body>
</html>
js：
say_hello = function() {
alert("I'm a heading!")
}
p_hover = function() {
jQuery('p').attr('class', 'highlighted')
}
p_leave = function() {
jQuery('p').attr('')
}
c_button = function {
jQuery('li').first().remove()
}
setup = function() {
jQuery('h1').click(say_hello)
jQuery('#hoverable').mouseenter(p_hover)
jQuery('#hoverable').mouseleave(p_leave)
jQuery('#zap').click(c_button)}
jQuery(document).ready(setup)
css：
.highlighted {
color: red;
} 展开
题目要求是点击h1会弹出“I'm a heading”; 鼠标移入第二个段落所有的段落都会变色（变色是用定义class来完成的）；鼠标移出恢复原状； 点击zap按钮会删除列表中的第一个元素。我的代码如下，不知道问题出在哪里
html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
<script src="http://cmpt165.csil.sfu.ca/js/jquery-3.2.1.js"></script>
<script src="exercise6.js"> </script>
</head>
<body>
<h1>Exercise 6 Page</h1>
<p>Clicking on that heading should cause an
<code class="js">alert()</code>.</p>
<p id="hoverable">Moving your mouse cursor over this paragraph should make all <code class="html"><p></code> get the class
<code class="html">highlighted</code>, which should change their appearance (if the CSS is working too).</p>
<h2>Disappearing List Items</h2>
<button id="zap">Zap</button>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
<li>Fifth item</li>
<li>Sixth item</li>
</ol>
</body>
</html>
js：
say_hello = function() {
alert("I'm a heading!")
}
p_hover = function() {
jQuery('p').attr('class', 'highlighted')
}
p_leave = function() {
jQuery('p').attr('')
}
c_button = function {
jQuery('li').first().remove()
}
setup = function() {
jQuery('h1').click(say_hello)
jQuery('#hoverable').mouseenter(p_hover)
jQuery('#hoverable').mouseleave(p_leave)
jQuery('#zap').click(c_button)}
jQuery(document).ready(setup)
css：
.highlighted {
color: red;
} 展开
若以下回答无法解决问题，邀请你更新回答
1个回答
展开全部
添加class不能用attr方法，要使用addClass，removeClass
p_hover = function() {
jQuery('p').addClass('highlighted')
}
p_leave = function() {
jQuery('p').removeClass('highlighted')
}
更多追问追答
追问
并不行……我用attr能让它变红只是鼠标移出之后不能变黑 但你这个完全不行啊……
并不行……我用attr能让它变红只是鼠标移出之后不能变黑 但你这个完全不行啊……
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
