jquery学习的第一个例子,div的隐藏和显示@

Original 2019-06-23 21:06:50 221
abstract:<!DOCTYPE html><html><head charset="utf-8"> <title>jQuery-学习课程</title> <script type="text/javascript" src="css/jquery-3.4.1.min.js">&l

<!DOCTYPE html>

<html>

<head charset="utf-8">

<title>jQuery-学习课程</title>

<script type="text/javascript" src="css/jquery-3.4.1.min.js"></script>

</head>

<body>

<script type="text/javascript">

//$(选择器).action()

$(document).ready(function () {

// body...

//$str="我是一个声明变量!"

//alert($str);


    $("div").hide()

    alert("我已经藏起来了!")

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

    $("div").show()

    // body...

    })

})

</script>


<div style="width: 100px;height: 100px;background-color: pink;"></div>

<button>点击显示</button>


</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-06-24 10:22:54
Teacher's summary:之前有一段时间非常流行去掉代码结尾的分号, 后来javascript的开发者出来说了, 推荐加上分号

Release Notes

Popular Entries