返回jQuery基......登陆

jQuery基础语法-作业

lzm2019-01-16 18:40:06191

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>jQuery基础语法-作业</title>

<script type="text/javascript" src='jquery-3.3.1.min.js'></script>

<script type=text/javascript>


$(Document).ready(function(){


$("button").click(function(){

if($('button').text() == '显示div'){

$('div').show();

$('div').css({

'width':'200px',

'height':'200px',

'background-color':'red',

});

$('button').html('隐藏div');

}else{

$('div').hide();

$('button').html('显示div');

}

})

})


</script>

</head>

<body>

<button>显示div</button>

<div></div>


</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送