jQuery事件处理与计算机应用技术研究.pptVIP

第9章jQuery中的事件第1页

回忆第2页

学会使用简写事件掌握事件对象的使用掌握合成事件的使用学习目标010304了解事件冒泡02第3页

本章任务任务1：微博字数统计任务2：制作图片提醒效果任务3：制作横向菜单效果第4页

任务1微博字数统计第5页

任务描述在页面中，允许顾客在文本域输入100个字符，当顾客每输入一种字符，提醒文字则显示还能够输入多少个字符，如图所示，当顾客输入的字符长度超出100时，提醒顾客输入的字符超长了，并使文本域不可用。演示任务1：微博字数统计第6页

任务分析1.完毕静态页面设计，标识文本域和提醒部分。2.加载DOM后添加处理函数。3.按键弹起事件触发时，统计文本域中字符长度。4.在提醒字符数处显示还能够输入（100-文本域长度）个字符，此处添加判断，若顾客输入长度大于100时，提醒顾客输入的字符超长了，并通过attr方法设置文本域为只读。掌握jQuery中的常用事件第7页

加载DOM$(document).ready()是整个jQuery运行的核心。window.onload1.执行时机：必须等候网页中所有的内容加载完毕后才能执行。2.不能同步编写多个3.相应jQuery代码：$(window).load()$(document).ready()1.执行时机：网页形成整个DOM树之后执行。2.能同步编写多个3.能够简写成$()第8页

事件