jQuery基础

mac2025-04-27  6

1.jQuery:一个 JavaScript 库

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>

2.jQuery语法

通过 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事件

最新回复(0)