第4章 jQuery入门基础 网站建设与相关管理课件.pptxVIP

第4章 jQuery入门基础;本章概述;1 JavaScript概述 2 JavaScript基础; JavaScript是一种解释性的、基于对象的脚本语言，可以直接嵌入到HTML页面中。JavaScript是基于客户端（浏览器）运行的，网页里JavaScript的执行都是由浏览器进行处理。利用JavaScript可以增强网页的交互性，控制各种浏览器对象。利用JavaScript可以对用户所输入的数据进行有效验证（客户端验证），减小网络开销、减轻服务器负担。 JavaScript代码必须放在script与/script标记之间，以便将脚本代码与HTML标记区分开来。script块可以放在head/head之间，也可以放在body/body之间，如图4.1所示。 ;1 JavaScript概述; 例如，可以使用一个按钮的单击（onclick）事件来指定当用户单击按钮时执行函数show()。 ;常用的事件介绍 onabort：一个图片的加载被终止（只用于img）。 onblur：当一个元素失去焦点（光标移开）。 onchange：用户改变了一个域的值。 onclick：鼠标单击对象。 ondblclick：鼠标双击对象。 onerror：文件或图片加载出错（img, object, style）。 onfocus：一个元素得到焦点。 onkeydown：键盘上任一键被按下。 onkeypress：键盘上任一键被按下或保持按下。 onkeyup：当被按下的键被释放时。 onload：当页面或图片完成加载。 onmousedown：当一个鼠标键被按下。 onmousemove：鼠标移动。 onmouseout：鼠标从一个元素上移开。 onmouseover：鼠标移至某元素上。 onmouseup：鼠标键被释放。 ;3．面向对象的JavaScript （1）创建对象 在C#中使用new关键字创建对象，在JavaScript中也可以使用new关键字。 但是实际上new可以省略： 建议为了保持语法一致，总是带着new关键字声明一个对象。 ;3．面向对象的JavaScript （2）创建属性并赋值 在JavaScript中属性不需要声明，在赋值时即自动创建： ;3．面向对象的JavaScript （4）嵌套属性 对象的属性同样可以是任何JavaScript对象： ;3．面向对象的JavaScript （5）使用索引 如果objectA上有一个属性名称为school.college，那么没法通过“.”???问，因为“objectA. school.college”语句是指寻找objectA的school属性对象的college属性，这种情况需要通过索引设置来访问属性。 ;4.2 jQuery;1．jQuery的特点 ;2．jQuery库的安装 下载jQuery源代码库（jquery-1.6.3.min.js），jQuery的官方下载地址是，jQuery框架不需要安装，只需在网页文档头部导入jQuery框架文件即可。 另外，编写jQuery代码方式同JavaScript一样，放置在script块中。 ; 通过jQuery，可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。基础语法格式如下： （1）美元符号（$）定义jQuery。 （2）选择符（selector）“查询”和“查找”HTML元素。 （3）jQuery的action()执行对元素的操作。 ; jQuery的语法实例: （1）$(this).hide() jQuery hide()函数，隐藏当前的HTML元素。 （2）$(#test).hide() jQuery hide()函数，隐藏id=test的元素。 （3）$(p).hide() jQuery hide()函数，隐藏所有p元素。 （4）$(.test).hide() jQuery hide()函数，隐藏所有class=test的元素。 ;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;3 jQuery选择器;1．jQuery事件函数 jQuery事件处理方法是jQuery中的核心函数。事件处理程序指的是当HTML中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”