R K*_*R K 0 html javascript css jquery
<!DOCTYPE html>
<html lang="en">
<head>
<title>
</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
</head>
<body>
<button id="myButton">My Button</button><br /><br />
<span id="myPara"> My paragraph</span>
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript" src="js/custom.js" ></script>
</body>
</html>
下面是代码 custom.css
#myPara{
border: 1px solid black;
color: black;
padding: 5px;
}
下面是代码 custom.js
$('#myButton','#myPara').on('click',function(){
$(this).css('border-color','white').css('background','black').css('color','white');
});
我想应用给定的css,如jquery代码中所示.
它也没有在控制台中给出任何错误,这使我更难找到错误.
在我的浏览器中,点击时没有显示css效果.
我是jQuery的初学者.
$('#myButton','#myPara').on('click',function(){
在这一行中,第一个参数是CSS选择器,第二个参数用于上下文.你可能想要这个:
$('#myButton,#myPara').on('click',function(){
您可以在此处找到有关该$()功能如何工作的更多信息.
| 归档时间： |
|
| 查看次数： |
64 次 |
| 最近记录： |