jQuery 基础|学习笔记

开发者学堂课程【jQuery 开发教程：jQuery 基础】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/362/detail/4275

jQuery 基础

课程概要：

1. jQuery简介

2. jQuery引入

3. jQuery代码语法

一、jQuery 简介

1.概念:jQuery是一个优秀的JavaScript库 ,而非JavaScript。它是轻量级的库。

2.兼容性:兼容css3 ,以及各种浏览器。

3.版本:

1.x---------容低端浏览器

2.x---------兼容从IE9开始以及高端浏览器

4.jQuery使用户能更方便的处理HTML、events、 实现动画效果,并且方便的为网站提供Ajax交互。

5.优势:它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
6.核心理念: write less , do more !

二、引入jQuery

1.官网: http://jquery.co

2.Download——Download the compressed,production jQuery 2.2.1-拷贝到工程中

打开官网：

点击Download

下载jQuery2.x

点击文件夹中显示右键点击jQuery拷贝到工程中

将jQuery复制新的工程位置中

4.jQuery语法

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

(1)元符号$定义jQuery

(2)选择符( selector )“查询”和“查找”HTML元素

(3)jQuery的action( )执行对元素的操作。

在工程中创建一个 HTML File 并命名为 index

再创建一个JavaScript file文件

输入代码;

<p>哈哈<p>
<p>哈哈<p>
<p>哈哈<p>
<p>哈哈<p>

$(doucment).ready(founction(){
Alert(“文档加载完毕”)；
}

将GBK改为UTF—8

$(doucment).ready(founction(){
$(“p”).click(founction(){
$(this).hide();
}}