开发者学堂课程【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();
}}