jQuery安装和基础语法

1.安装

从 jquery.com 下载 jQuery 库

<script src="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方法。

原文地址:https://www.cnblogs.com/huoran1120/p/6001490.html