计算机应用技术第10章jQuery中的事件.pptxVIP

第9章jQuery中的事件

回顾1.在jQuery中使用什么方法获取和设置属性？2.$(“div”).append(“aDOM操作/a”)表示什么含义？3.$(“ulli:first”).detach()与$(“ulli:first”).empty()有何区别？

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

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

任务1微博字数统计

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

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

加载DOM$(document).ready()是整个jQuery运行的核心。window.onload1.执行时机：必须等待网页中所有的内容加载完毕后才能执行。2.不能同时