jquery的基础使用方法

原创 2019-01-29 20:12:05 286
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery</title><script type="text/javascript" src="jquery-3.3.1.min.js">&

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jQuery</title>

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

</head>

<body>

<script type="text/javascript">

// 文档就绪函数,当页面完全加载完成后才启用js代码

// $(selector).action() 申明变量关键字(选择器).操作方法()

$(document).ready(function(){

// $str="hello!"

// alert($str)

$("div").hide()

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

$("div").show()

})

})

</script>

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

<button>显示出来</button>

</body>

</html>

批改老师:灭绝师太批改时间:2019-01-30 09:29:59
老师总结:学完JavaScript再学习jq相对来说简单很多 继续加油哦

发布手记

热门词条