在应用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 代码。
如果在文档没有完全加载之前就运行函数,操作可能失败
好了,这次我们学习了一些简单的语句,下次在研究下复杂的。