jquery的基础语法的简单练习
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="">
<link rel="shortcut icon" type="image/x-icon" href="">
<script type="text/javascript" src = "jquery-3.3.1.min.js"></script>
<style type="text/css">
</style>
<body>
<script type="text/javascript">
//$(选择器).action
$(document).ready(function(){
// $str = "声明变量"
// alert($str);
$("div").hide();
$("input").click(function(){
if($("div").is(":hidden")){
$("div").show();
}else{
$("div").hide();
}
})
})
</script>
<div style="width: 100px;height: 100px;background: pink;" ></div>
<input type="button" name="点击" value="点击">
</body>
</html>
jquery就是js代码的封装的函数库。在调用js方法时需要按照一定的规则。