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 代码... |
简化写法:
$(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>