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

总体概述

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


jQuery是什么

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


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

jQurey官网


jQuery简介

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


文件下载:

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


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

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

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

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


jQuery的强大应用

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


第一个jQuery程序

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


创建一个Web项目

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


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


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


jQuery版本的 “Hello world”

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


$(document).ready()

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


示例1

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


示例2

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


示例3

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


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


快速体会jQuery的强大

链式编程操作

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


html导航

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


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


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

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


常用语法举例

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


示例问答特效

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


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


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


轻松实现Ajax

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

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


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


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


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


jQuery语法结构分析

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


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


Dom对象与jQuery对象

DOM模型

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


DOM对象和jQuery对象

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


DOM对象转成jQuery对象

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


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


示例

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


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


示例2
Dom方式

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


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


jQuery方式

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


知识小结

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

项目下载