jQuery语法以及应用

最新推荐文章于 2020-05-14 17:46:00 发布

eggplant_

最新推荐文章于 2020-05-14 17:46:00 发布

阅读量188

点赞数

本文链接：https://blog.csdn.net/eggplant_/article/details/83024349

版权

在应用jquery之前，我们要知道它的一些基本的语法

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

美元符号定义 jQuery
选择符（selector）“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作

了解语法后，你可能还不知道如何用，下边这段代码将告诉你：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>//引用jQuery库
<script>
$(document).ready(function(){

  $("button").click(function(){//点击事件,当点击button按钮后，出发function()
    $("p").hide();//对p标签的属性进行hide（）隐藏）操作
  });
});
</script>
</head>

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

运行结果为：

点击button按钮后：

标签为p的元素消失。

我们注意到，在前面还有这样一个语句

$(document).ready(function(){}

它的出现是为了：

防止文档在完全加载（就绪）之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数，操作可能失败

好了，这次我们学习了一些简单的语句，下次在研究下复杂的。

eggplant_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery语法以及应用

在应用jquery之前，我们要知道它的一些基本的语法jQuery 语法jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作了解语法后，你可能还不知道如何用，下边...
复制链接

扫一扫