这是我的函数atm:
$(document).ready(function() {
$("#knd").click(function() {
$("#wars").animate({
opacity:'1'
});
});
});
它工作得很好,但我想添加选项以再次单击删除该框,我想用if语句执行它,但我不是100%使用Jquery中的语法.我想要的东西是:
if(#wars is visible) {
$("#wars").animate({
opacity:'0'
});
我该怎么写这个if语句？
解:
$(document).ready(function() {
$("#knd").click(function() {
if($("#wars").css('opacity') === '0') {
$("#wars").animate({
opacity:'1'
}); //end of animate
}
else {
$("#wars").animate({
opacity:'0'
}); //end of animate
}
}); //end of KND click function
}); //end of doc ready function
我不得不改变可见性并将其设置为不透明度,然后它就像if语句的魅力一样.
当你点击没有原始边框的按钮时我不想要蓝色边框,这里是HTML:
<div id="buttonholder" style="border 1px solid black">
<button id="previous">< Previous round</button>
<button id="next">Next round ></button>
<button id="current">> Current round<</button>
<div style="font-size: 0;">
<form id="inputfield" name="inputfield">
<input type="inputfield" value="Search for round here...">
<input type="button" value="Go">
</form>
</div>
<div id="displayround">
1/38
</div></button>
</div>
如果我需要发布整个CSS让我知道,只需将其添加到html中以缩短它.
我正在尝试向TD中添加一个不包含任何文本的类,以便我可以使用Jquery将它们全部删除.这是HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="myjavascript.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="mycss.css">
</head>
<body>
<table class="counter">
<tr>
<th colspan="2">Goalkeepers</th><th colspan="2">Defenders</th>
<th colspan="2">Midfielders</th><th colspan="2">Forwards</th>
</tr>
<tr>
<td>1 Wojciech Szczesny<td>0</td></td>
<td>3 Bacary Sagna<td>0</td></td>
<td>7 Tomas Rosicky<td>0</td></td>
<td>9 Lukas Podolski<td>0</td></td>
</tr>
<tr>
<td>13 Emiliano Viviano<td>0</td></td>
<td>6 Laurent Koscielny<td>0</td></td>
<td>8 Mikel Arteta<td>0</td></td>
<td>12 Olivier Giroud<td>0</td></td>
</tr>
<tr>
<td>21 Lukasz Fabianski<td>0</td></td>
<td>4 Per Mertesacker<td>0</td></td>
<td>10 Jack Wilshere<td>0</td></td>
<td>14 Theo Walcott<td>0</td></td>
</tr>
<tr>
<td><td>0</td></td>
<td>5 Thomas Vermaelen<td>0</td></td>
<td>16 Aaron Ramsey<td>0</td></td>
<td>15 Alex Oxlade-Chamberlain<td>0</td></td> …编辑这是新代码,但它仍然不适合我.
HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="mycss.css">
<script src="myjavascript2.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<button onclick="myFunction()">Play</button>
<p id="test"></p>
</body>
</html>
使用Javascript:
var things = ['rock','paper','scissors'];
function myFunction() {
var i = Math.floor(Math.random()*things.length));
document.getElementById("test"+(i+1)).innerHTML=things[i];
}
我添加了这个文本,以便让我发布编辑,请忽略它.