Submit Search
Upload
JQuery 学习
•
Download as PPT, PDF
•
3 likes
•
579 views
C
cssrain
Follow
jquery,jquery学习,jquery笔记
Read less
Read more
Education
Technology
Report
Share
Report
Share
1 of 14
Download now
Recommended
jQuery 選取器解析
jQuery 選取器解析
Kingsley Zheng
KISSY for starter
KISSY for starter
yiming he
J Query Learn
J Query Learn
guestfb42fc
Script with engine
Script with engine
Webrebuild
Web设计 4 锋利的j_query(进入企业级应用阶段)
Web设计 4 锋利的j_query(进入企业级应用阶段)
ziggear
Node getting-started
Node getting-started
lylijincheng
用Jquery实现拖拽层
用Jquery实现拖拽层
yiditushe
J query
J query
waitcat
Recommended
jQuery 選取器解析
jQuery 選取器解析
Kingsley Zheng
KISSY for starter
KISSY for starter
yiming he
J Query Learn
J Query Learn
guestfb42fc
Script with engine
Script with engine
Webrebuild
Web设计 4 锋利的j_query(进入企业级应用阶段)
Web设计 4 锋利的j_query(进入企业级应用阶段)
ziggear
Node getting-started
Node getting-started
lylijincheng
用Jquery实现拖拽层
用Jquery实现拖拽层
yiditushe
J query
J query
waitcat
Template mb-kao
Template mb-kao
xwcoder
Backbone js and requirejs
Backbone js and requirejs
Chi-wen Sun
jQuery实践经验与技巧
jQuery实践经验与技巧
fangdeng
J Query简介及入门指南
J Query简介及入门指南
AppZ
jQuery 教學 ( 搭配 EZoApp )
jQuery 教學 ( 搭配 EZoApp )
EZoApp
[DCTPE2010] Drupal 模組開發入門
[DCTPE2010] Drupal 模組開發入門
Drupal Taiwan
jQuery入門
jQuery入門
鈺棠 徐
Node way
Node way
Ethan Zhang
Kissy design
Kissy design
yiming he
AJAX Basic
AJAX Basic
Ryan Chung
Underscore
Underscore
cazhfe
Yui3入门
Yui3入门
cly84920
Kindeditor 设计思路
Kindeditor 设计思路
luolonghao
Kissy简介
Kissy简介
jay li
前端开发之Js
前端开发之Js
fangdeng
Backbone.js and MVW 101
Backbone.js and MVW 101
Jollen Chen
JQuery Plugin
JQuery Plugin
Jason Wang
Kindeditor设计思路v2
Kindeditor设计思路v2
luolonghao
Sina App Quick Guide 1
Sina App Quick Guide 1
guestf4aed35
Php&Xml Http Request
Php&Xml Http Request
Peter Tsai
R E C R U I T F I T
R E C R U I T F I T
Gopinath Venkata
Work to do
Work to do
jaideepsaini
More Related Content
What's hot
Template mb-kao
Template mb-kao
xwcoder
Backbone js and requirejs
Backbone js and requirejs
Chi-wen Sun
jQuery实践经验与技巧
jQuery实践经验与技巧
fangdeng
J Query简介及入门指南
J Query简介及入门指南
AppZ
jQuery 教學 ( 搭配 EZoApp )
jQuery 教學 ( 搭配 EZoApp )
EZoApp
[DCTPE2010] Drupal 模組開發入門
[DCTPE2010] Drupal 模組開發入門
Drupal Taiwan
jQuery入門
jQuery入門
鈺棠 徐
Node way
Node way
Ethan Zhang
Kissy design
Kissy design
yiming he
AJAX Basic
AJAX Basic
Ryan Chung
Underscore
Underscore
cazhfe
Yui3入门
Yui3入门
cly84920
Kindeditor 设计思路
Kindeditor 设计思路
luolonghao
Kissy简介
Kissy简介
jay li
前端开发之Js
前端开发之Js
fangdeng
Backbone.js and MVW 101
Backbone.js and MVW 101
Jollen Chen
JQuery Plugin
JQuery Plugin
Jason Wang
Kindeditor设计思路v2
Kindeditor设计思路v2
luolonghao
Sina App Quick Guide 1
Sina App Quick Guide 1
guestf4aed35
Php&Xml Http Request
Php&Xml Http Request
Peter Tsai
What's hot
(20)
Template mb-kao
Template mb-kao
Backbone js and requirejs
Backbone js and requirejs
jQuery实践经验与技巧
jQuery实践经验与技巧
J Query简介及入门指南
J Query简介及入门指南
jQuery 教學 ( 搭配 EZoApp )
jQuery 教學 ( 搭配 EZoApp )
[DCTPE2010] Drupal 模組開發入門
[DCTPE2010] Drupal 模組開發入門
jQuery入門
jQuery入門
Node way
Node way
Kissy design
Kissy design
AJAX Basic
AJAX Basic
Underscore
Underscore
Yui3入门
Yui3入门
Kindeditor 设计思路
Kindeditor 设计思路
Kissy简介
Kissy简介
前端开发之Js
前端开发之Js
Backbone.js and MVW 101
Backbone.js and MVW 101
JQuery Plugin
JQuery Plugin
Kindeditor设计思路v2
Kindeditor设计思路v2
Sina App Quick Guide 1
Sina App Quick Guide 1
Php&Xml Http Request
Php&Xml Http Request
Viewers also liked
R E C R U I T F I T
R E C R U I T F I T
Gopinath Venkata
Work to do
Work to do
jaideepsaini
Refco Case Study
Refco Case Study
Albert Kassis
It Sector Presenter
It Sector Presenter
dawnhotchen
New Marketing
New Marketing
vginsburgslide
Email Risk, by Albert Kassis
Email Risk, by Albert Kassis
Albert Kassis
解读html
解读html
cssrain
F10 Tmd327 Introduction
F10 Tmd327 Introduction
k_aspelund
Fti Journal Predictive Discovery
Fti Journal Predictive Discovery
Albert Kassis
Threat From The Inside, Fti Journal
Threat From The Inside, Fti Journal
Albert Kassis
Viewers also liked
(10)
R E C R U I T F I T
R E C R U I T F I T
Work to do
Work to do
Refco Case Study
Refco Case Study
It Sector Presenter
It Sector Presenter
New Marketing
New Marketing
Email Risk, by Albert Kassis
Email Risk, by Albert Kassis
解读html
解读html
F10 Tmd327 Introduction
F10 Tmd327 Introduction
Fti Journal Predictive Discovery
Fti Journal Predictive Discovery
Threat From The Inside, Fti Journal
Threat From The Inside, Fti Journal
Similar to JQuery 学习
A
A
guested19a2
A
A
guested19a2
Jquery指南
Jquery指南
yiditushe
前端MVC之backbone
前端MVC之backbone
Jerry Xie
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
咩星征服計劃 用 Js 征服地球 Part II
咩星征服計劃 用 Js 征服地球 Part II
羊 小咩 (lamb-mei)
Web前端标准在各浏览器中的实现差异
Web前端标准在各浏览器中的实现差异
cleverpig
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
Javascript autoload
Javascript autoload
jay li
JavaScript Advanced Skill
JavaScript Advanced Skill
firestoke
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
newker
Structs2簡介
Structs2簡介
catonchuang
Js培训
Js培训
yiditushe
面向开发的前端性能优化
面向开发的前端性能优化
li qiang
Android resource-management
Android resource-management
Lucas Xu
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
HTML5概览
HTML5概览
Adam Lu
Spring 2.x 中文
Spring 2.x 中文
Guo Albert
运维系统开发与Rails 3页面开发实践
运维系统开发与Rails 3页面开发实践
Li JianYe
Javascript
Javascript
Ryan Chung
Similar to JQuery 学习
(20)
A
A
A
A
Jquery指南
Jquery指南
前端MVC之backbone
前端MVC之backbone
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
咩星征服計劃 用 Js 征服地球 Part II
咩星征服計劃 用 Js 征服地球 Part II
Web前端标准在各浏览器中的实现差异
Web前端标准在各浏览器中的实现差异
旺铺前端设计和实现
旺铺前端设计和实现
Javascript autoload
Javascript autoload
JavaScript Advanced Skill
JavaScript Advanced Skill
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
Structs2簡介
Structs2簡介
Js培训
Js培训
面向开发的前端性能优化
面向开发的前端性能优化
Android resource-management
Android resource-management
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
HTML5概览
HTML5概览
Spring 2.x 中文
Spring 2.x 中文
运维系统开发与Rails 3页面开发实践
运维系统开发与Rails 3页面开发实践
Javascript
Javascript
Recently uploaded
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
mekosin001123
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
黑客 接单【TG/微信qoqoqdqd】
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
jakepaige317
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
mekosin001123
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
mekosin001123
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
jakepaige317
Recently uploaded
(6)
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
JQuery 学习
1.
Write Less ,
Do more jQuery 介绍 Cssrain.cn
2.
1. jQuery 概述 1.1
基本概念 jQuery是一个轻量级 javascript库 . 兼容各种浏览器( I E 6.0+ , FF 1.5+ , Safari 2.0+ , Opera9.0+ ),也支持 CSS 1-3 选择器 . 能将 JavaScript代码和 HTML 代码完全分离,便于代码维护和修改。 使用户能更方便地处理 HTML 文档、事件、实现动画效果,并且方便地为网站 提供 Ajax 交互 容易扩展,插件丰富
3.
1.2 能做什么 获取页面的内容 修改页面的外观 修改页面的内容 在页面中响应用户的交互 给页面加上动画 无刷新返回服务器端的信息 还提供了改进函数,如迭代和数组操作 1. jQuery
概述
4.
1.3 主流 javascript
库 Prototype YUI D ojo mooTools jQuery: 短小精悍,支持 dom1-3 , css支持;简单的动画实现,支持自定义动画;支持插 件开发,现有插件多;完整的 api 文 档以及范例,易学;拥有官方 UI 程序供使 用,效果好。 性能测试: http://mootools.net/slickspeed 1. jQuery 概述
5.
1. jQuery 下载和引入 2.1
jQuery 下载 当前版本 1.4.4 官方网站下载: http://www.jquery.com/ 2.2 jQuery 引入 在页面头部 head 中,引入 js : < script type="text/javascript" src="./script/jquery.js"> < /script> 2.3 Dw和 VS2008 中可以实现 jQuery 的智能提示 http://code.google.com/p/jquery-api-zh-cn/downloads/list
6.
1. 学习 jQuery
,主要从哪些方面下 手 ( 1 ) 核心函数 ( 2 ) 选择器 ( 3 ) D OM 操作 ( 4 ) 事件和动画 ( 5 ) Ajax ( 6 ) 常用工具函数 ( 7 ) 插件
7.
4. jQuery 基础 4.1
jQuery 核心函数 $( expression,[ context] ) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元 素。 jQuery 的核心功能都是通过这个函数实现的。 这个函数最基本的用法就是向它传递 一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 $( html) 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 D OM 元素 $( elements) 将一个或多个 D OM 元素转化为 jQuery对象。 $( callback) $(document).ready() 的简写。允许你绑定一个在 D OM 文档载入完成后执行的函数。这个函数 的作用如同 $(document).ready() 一样,只不过用这个函数时,需要把页面中所有需要在 D OM 加载完成时执行的 $() 操作符都包装到其中来。
8.
4. jQuery 基础 4.2
jQuery 选择器 返回 jQuery 对象。 基本选择器 (如: $(“#id”) , $(“.class”) ) 层次选择器 (如: $(“div > span”) ) 简单选择器 (如: $(“tr:last”) ) 内容选择器 ( 如: $("div:contains(' John' )") ) 可见性选择器 ( 如: $("tr:hidden") ) 属性选择器 (如: $("input[name= ‘john' ]") ) 子元素选择器 (如: $("ulli:first-child") ) 表单选择器 (如: $(":input") ) 表单对象选择器 (如: $("select option:selected") ) 自定义选择器 (自己写选择器插件 )
9.
4. jQuery 基础 4.3
jQuery Dom 操作 属性操作(如: $("img").attr("src","test.jpg") ) 样式操作(如: $("p").addClass("selected") ) 设置和获取 HTML 代码 (如: $(“p”). html(‘val’) ) 设置和获取文本(如: $(“p”). text(‘val’) ) 设置和获取值(如: $(“input”). val(‘val’) ) 查找操作 (如: $(“p”). find(“a”) , $(“p”). find(“a”) .end() ) 插入操作 ( 如: $("p").appendTo("div") ) 删除操作 ( 如: $("p").remove() ) 复制操作 ( 如: $("b").clone().prependTo("p") ) 设置样式 ( 如: $("p").css({ color: "#ff0011", background: "blue"}) ) 获取尺寸 ( 如: $("p").height() )
10.
4. jQuery 基础 4.4
jQuery 事件和动画 页面载入事件 ( 如: $(document).ready(function(){ // 在这里写你的代码 ... }); ) 事件处理 ( 如: bind , trigger, unbind ) 交互处理 ( 如: hover, toggle ) 普通事件 ( 如: click, mouseover 等 ) 基本效果 ( 如: $("p").show() ) 滑动效果 ( 如: $("p").slideD own("slow") ) 淡入淡出效果 ( 如: $("p").fadeI n("slow") ) 自定义效果 ( 如: $(".block").animate({left: ' -50px' }, "slow") )
11.
4. jQuery 基础 4.5
jQuery 中的 Ajax $.ajax( options) : 通过 HTTP 请求加载远程数据 $.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); $.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml);} $.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);} $(”#msg”).ajaxStart(function(){$(this).html(”正在载入 ..”);}); $(”#msg”).ajaxSuccess(function(){$(this).html(” ”加载完成! ); });
12.
4. jQuery 基础 4.6
jQuery 中的工具函数 $.browser.msie $.each() $.trim() $.param() $.isArray() …等等 .
13.
4. jQuery 基础 4.7
jQuery 插件 (1) 官方: http://ui.jquery.com (2)240 插件: http://www.cnblogs.com/Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.html (3) http://www.cssrain.cn 参考网站: jQuery官方网站 http://jquery.com jQuery 中文社区 http://bbs.jquery.org.cn jQuery中文 API 站点 http://code.google.com/p/jquery-api-zh-cn/downloads/list
14.
Thank you http://www.cssrain.cn
Download now