<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>总结写在注释里了</title>
<!-- jquery是javascript的一个框架。它的宗旨是“写得少,做得多。”
jquery是轻量级的javascript函数库
如何添加到页面中:通过在head标签中的script标签引入到页面中。如下:
-->
//下面的我本地的“jquery-3.3.1.min.js”应该怎样上传作业啊??
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
<!-- 在新的script标签中使用jquery :
jquery语法格式:$(selector).action()
说明:$ 是jquery声明变量的关键字,相当于javascript中的var操作符
selector 为选择器,是指定要进行操作的对象,即查找HTML元素
action()是指具体操作和处理方法
-->
<script>
//文档就绪函数:
//$(document).ready(function(){
// jquery代码
//})
// 举例:
$(document).ready(function(){
// $str="我是一个变量。";
// alert($str);
$("button").click(function(){
$("div").hide();
})
})
</script>
</body>
<h1>这是一个jquery基础的总结:</h1>
<p>jquery是javascript的一个框架。它的宗旨是“写得少,做得多"。</p>
<p>jquery是轻量级的javascript函数库</p>
<p>如何添加到页面中:通过在head标签中的script标签引入到页面中。</p>
<p>在新的script标签中使用jquery
jquery语法格式:$(selector).action()</p>
<p>说明:$ 是jquery声明变量的关键字,相当于javascript中的var操作符</p>
<p>selector 为选择器,是指定要进行操作的对象,即查找HTML元素</p>
<p>action()是指具体操作和处理方法</p>
<p>文档就绪函数:</p>
<p>$(document).ready(function(){</p>
<p>jquery代码</p>
<p>})</p>
<div style="width: 200px;height: 100px;background: pink">点击按钮,jquery会把方框隐藏</div>
<button>点击隐藏</button>
</html>