jQuery语法以及应用

在应用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 代码。

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

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

猜你喜欢

转载自blog.csdn.net/eggplant_/article/details/83024349