前端框架技术--jQuery基础应用

总体概述

---

jQuery是什么

---

jQurey官网

---

jQuery简介

---

文件下载：

---

带.min.js就是压缩版
没带的就是未压缩版

项目开发中用压缩的，学习用未压缩的版本。

---

jQuery的强大应用

---

第一个jQuery程序

---

创建一个Web项目

---

---

---

jQuery版本的 “Hello world”

---

$(document).ready()

---

示例1

---

示例2

---

示例3

---

知识小结
理解什么是jQuery及特点
掌握第一个jQuery程序的编写要求

---

快速体会jQuery的强大

链式编程操作

---

html导航

---

---

当鼠标单击class为leve1里面的a元素时，给其添加一个名为current的样式,然后将紧邻其后面的元素显示出来,同时将它的父辈同类元素内部的子元素都去掉一个名为current的class，并且将紧邻它们后面的元素都隐藏。

---

常用语法举例

---

示例问答特效

---

---

---

轻松实现Ajax

基于asp.net项目的ajax体验 后续会有专题的jquery实现ajax

---

---

---

---

jQuery语法结构分析

---

知识小结
体会jQuery方便的链式编程
体会jQuery在Ajax中的高效应用
掌握jQuery语法的结构

---

Dom对象与jQuery对象

DOM模型

---

DOM对象和jQuery对象

---

DOM对象转成jQuery对象

---

---

示例

---

---

示例2
Dom方式

---

---

jQuery方式

---

知识小结

掌握Dom对象和jQuery对象的区别
掌握俩种对象的相互转换方法
掌握常用的选择器：ID选择器、标签选择器、类别选择器
掌握样式设置方法：CSS()和addClass()

项目下载