第106讲JQuery之语法模式与开发基础.ppt

PHP100 视频教程 演讲老师：张恩民 官方网站： (第106讲) JQuery 之语法模式与开发基础 学习重点 1、Jquery介绍与下载组件 2、Jquery的引入与$的作用 3、Jquery基础语法 PHP100 视频教程 (第106讲) JQuery 之语法模式与开发基础 1、Jquery介绍与下载组件 Jquery 是什么？ jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。 经过压缩后的JQ库 未压缩的JQ库，适合 学习和开发使用 www.J PHP100 视频教程 (第106讲) JQuery 之语法模式与开发基础 2、Jquery的引入与$的作用 script type=text/javascript src=jquery-1.5.1.js/script 在JQ中使用 $ 来调用相关对象和DOM元素 script type=text/javascript $(document).ready(function(){  $(button).click(function(){  $(p).hide();  }); }); /script 先通过简单的例子 了解$符号的作用 后面的课程会详细 讲解$符号的作用 PHP100 视频教程 (第106讲) JQuery 之语法模式与开发基础 3、Jquery基础语法 基础语法是：$(selector).action() $符号定义 jQuery 选择符（selector）HTML 元素 jQuery 的 action() 执行对元素的操作 $(this).hide() - 隐藏当前元素 $(p).hide() - 隐藏所有P $(.test).hide() - 隐藏所有 class=test 的段落 $(#test).hide() - 隐藏所有 id=test 的元素 例： PHP100 视频教程 (第106讲) JQuery 之语法模式与开发基础 3、Jquery基础语法 $(document).ready(function(){ --- 相关代码---- }); //函数的相关载入类似window.onload 但又有区别 Window.onload $(document).ready 网页全部加载完毕后执行 只需网页结构加载完毕即可执行 一个网页只能允许一次执行 一个网页允许多次执行 简写（无） 简写：$(); PHP100 视频教程 (第106讲) JQuery 之语法模式与开发基础 感谢收看本次教程，有什么疑问可以到 WWW.PHP100.COM 论坛提出