返回用html写J......登陆

用html写JQuery总结

2019-03-09 20:24:43235

<!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>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送