jQuery入门 -- 课件

1、jQuery是什么？ — write less do more — 写的很少，做的很多；
jQuery是一个快速的小巧的功能丰富的JavaScript库
跨多种浏览器工作，改变了数百万人编写JavaScript的方式；

2、例子：
(1) 通过id获取一个html元素
JavaScript var obj = document.getElementById(“idValue”);
jQuery var obj = $(“idValue”);
(2) 将一个html元素隐藏
document.getElementById(“idValue”).style.display=”none”;
$(“idValue”).hide();
(3) 把一个html元素的宽度变成200px
document.getElementById(“idValue”).style.width=”200px”;
$(“idValue”).css(‘width’,’200px’);
jQuery(“idValue”).css(‘width’,’200px’);

jQuery具体了解！
1、jQuery是一个JavaScript函数库；
2、jQuery是一个轻量级的“写得少，做的多”的JavaScript库

jQuery的历史；
1、jQuery之父 — john resig — 2006年1月14日 — 正式宣布以jQuery名称发布自己的程序库

jQuery的作用/学习内容
1、HTML元素选取
2、Css操作
3、Html元素操作
4、事件函数
5、Html dom遍历和修改
6、Ajax

目的：
1、化大为小 — 简化代码，使得程序高效
2、jQuery主要用来替代原生的JavaScript

jQuery版本分类
jQuery 1.x 2.x 3.x
兼容性：ie 6/7/8兼容性最高版本是jQuery1.9.1

学前准备;
1、掌握html基本知识
2、具备css基础
3、熟练使用JavaScript以及DOM操作

jQuery的优势：
1、轻量级
2、强大的选择器
3、出色的DOM操作及其封装
4、可靠的事件处理机制
5、完善的Ajax
6、出色的浏览器兼容性
7、丰富的插件支持

课程概述：
1、使用jQuery — 基础操作
2、选择器 — 核心
3、操作DOM
4、操作事件 — 学习常用的事件
5、Ajax

学习目标
结构层、表示层、行为层

jQuery的基本使用：
1、jQuery的引入
2、$符号
3、jQuery的书写格式

1、jQuery的引入— 常规引入 — head引入jQuery的文件
2、jQuery的官网 — https://jquery.com
3、
4、将行为层和结构层分离出来 — 行为层：JavaScript文件 — 结构层：html代码文件
5、Npm node yarm也可以引入jQuery
6、$符号 — jQuery符号 — jQuery将所有功能都封装在一个全局变量jQuery中，而$是一个合法的变量名，他是jQuery的别名 — ($===jQuery)
7、jQuery的宗旨 — 你用什么就选择什么
8、原生的JavaScript页面就绪函数 — window.onload=function(){…}
9、jQuery的书写方式 — $(document).ready(function(){….});
(1) 缩写版本 — $().ready(function(){});
(2) 缩写版本 — $(function(){});

Css() text() html()
总结：
1、html() 可以插入文本值 还可以插入标签
2、Css() 可以添加css样式，可以改变css样式
3、Text() 可以插入文本