首页 > 代码库 > jQuery安装和基础语法

jQuery安装和基础语法

2024-08-17 21:09:06   216人阅读

1.安装

从 jquery.com 下载 jQuery 库

<script src="http://www.mamicode.com/jquery-1.10.2.min.js"></script>

从 CDN 中载入 jQuery

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

2.语法

基础语法： $(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）"查询"和"查找" HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏所有 id="test" 的元素

3.文档就绪事件

$(document).ready(function(){
});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

提示：简洁写法（与以上写法效果相同）:

$(function(){
});

实现文档就绪后执行jQuery方法。

jQuery安装和基础语法


联系
我们