jQuery实用代码片段集合

1 下载量 62 浏览量 更新于2024-08-30 收藏 59KB PDF 举报
"jQuery 常用代码集锦,涵盖了多样的实用功能,包括全选/反选复选框、获取鼠标坐标、检测图片加载状态、管理Cookie以及控制表单行为等。" jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。以下是对标题和描述中提到的知识点的详细说明: 1. 全选或全不选页面上的复选框 这段代码提供了一个简单的机制,通过点击一个链接(`<a>`标签)来切换所有复选框(`<input type="checkbox">`)的选择状态。`tog`变量用于存储当前的选中状态,点击时反转该状态,并更新所有复选框。 2. 获取鼠标的X和Y坐标 使用`mousemove`事件监听鼠标移动,当鼠标在文档上移动时,显示鼠标的X轴(`pageX`)和Y轴(`pageY`)坐标。`$(document).ready`确保在DOM加载完成后才执行绑定事件的代码。 3. 判断图片是否已加载完成 当图片的`src`属性被设置后,`.load()`函数会监听图片加载完成的事件,触发时弹出提示。 4. 检测Cookie是否激活或关闭 创建并设置一个名为`cookietest`的Cookie,然后检查`document.cookie`中是否存在这个Cookie来判断是否启用。如果60秒后Cookie未找到,则认为Cookie已被禁用。 5. 强制过期Cookie 设置一个名为`example`的Cookie,过期时间为`x`分钟后。`x`可以是任意正整数,单位为分钟。 6. 防止表单通过回车键提交 在表单元素上绑定`keypress`事件,如果按下的是回车键(其键码为13),则阻止默认的表单提交行为。 7. 清除表单数据 定义一个`clearForm`函数,遍历表单中的所有输入元素,清空它们的值,这有助于重置表单的状态。 这些代码片段展示了jQuery如何简化和增强网页的交互性,提高开发效率。它们是日常开发中非常实用的功能,对于理解jQuery的基础用法和常见操作具有很高的参考价值。