jquery基础引用方法

原创 2019-01-25 23:52:46 246
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>jquery基础引用方法</title>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>   <!--在线引入jquery-->

</head>

<body>

<script>

$(document).ready(function(){  //页面内容加载完毕运行

$("div").hide()    //隐藏DIV

$("button").click(function(){  //点击BUTTON按钮后执行

$("div").show()   //显示div

})

$("b").click(function(){   //点击B标签内容执行

$("div").hide()  //隐藏DIV

})

})

</script>

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

<button>点击</button>

<b>隐藏</b>

</body>

</html>


批改老师:灭绝师太批改时间:2019-01-26 09:27:16
老师总结:基本语法,与之前学习的js还是有很大出入的,要好好熟练哟

发布手记

热门词条