jQuery学习日记01

最新推荐文章于 2022-06-05 16:05:25 发布

容我想想ing

最新推荐文章于 2022-06-05 16:05:25 发布

阅读量124

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/weixin_47741303/article/details/116053835

版权

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。
第一个实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>第一个实例</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){ <!--这一句是固定格式-->
  $("p").click(function(){<!--当发生点击P标签的事件的时候-->
    $(this).hide();<!--对应的函数-->
  });
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

jQuery 语法
文档就绪事件

$(document).ready(function(){

// 开始写 jQuery 代码...
});

注：Document代表这个网页，ready准备执行这个网页。
简化写法：

$(function(){

// 开始写 jQuery 代码...
});

jQuery 选择器
jQuery 中所有选择器都以美元符号开头：$()。
元素选择器
实例如下（用户点击按钮后，所有 <p> 元素都隐藏）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>用户点击按钮后，所有 <p> 元素都隐藏</title> 
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>

容我想想ing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习日记01

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。第一个实例<!DOCTYPE html><html><head><meta charset="utf-8"> <title>第一个实例</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
复制链接

扫一扫