jQuery 库是一个 JavaScript 文件,可以使用 HTML 的 <script> 标签引用它。下载地址:https://jquery.com/download/
<!-- 将下载的文件放在网页的同一目录下 -->
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
<!-- 在独立文件中使用jQuery函数(易于维护) -->
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script>
<script src="my_jquery_functions.js"></script>
</head>
通过 jQuery,"选取"(query)HTML 元素,并对它们执行"操作"(actions)。
基础语法: $(selector).action()
美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
文档就绪事件:所有 jQuery 函数位于一个 document ready 函数中,防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
$(document).ready(function(){
// 开始写 jQuery 代码...
});
简写:
$(function(){
// 开始写 jQuery 代码...
});
注:JavaScript入口函数:
window.onload = function () { //到所有内容,包括外部图片之类的文件加载完后,才会执行 // 执行代码 }jQuery选择器:https://www.runoob.com/jquery/jquery-selectors.html
常见的DOM事件: