前端框架技术--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()

项目下载