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-拷贝到工程中

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

将 jQuery 复制新的工程位置中

1. jQuery语法
基础语法: $ ( selector ) .action( )
(1)元符号$定义jQuery
(2)选择符( selector )“查询”和“查找”HTML元素

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

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

再创建一个JavaScript file文件

输入代码;

哈哈


哈哈


哈哈


哈哈


$(doucment).ready(founction(){

Alert(“文档加载完毕”);

}

将 GBK 改为 UTF—8

$(doucment).ready(founction(){

$(“p”).click(founction(){

$(this).hide();

}}


上一篇:jQuery_ 复制元素、DOM 插入到现有元素外|学习笔记


下一篇:jQuery_层级|学习笔记