1. Jquery事件操作
1.1) 文档加载事件
1.2) DOM单击、双击事件
1.3) DOM获得焦点、失去焦点事件
1.4) DOM鼠标移入，移出事件
chap04/demo01.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// alert("文档加载完毕");
$("#zs").click(function(){
$("#p1").html("<font color=red>张三被点了</font>");
});
$("#zs").dblclick(function(){
$("#p1").html("<font color=red>张三被双击了</font>");
});
$("#t1").focus(function(){
$("#t1").val("获取焦点");
});
$("#t1").blur(function(){
$("#t1").val("失去焦点");
});
$("#d1").mouseover(function(){
$("#d1").html("鼠标移入");
});
$("#d1").mouseout(function(){
$("#d1").html("鼠标移出");
});
});
</script>
</head>
<body>
<input type="button" id="zs" value="张三"/>
<p id="p1"></p>
<input type="text" id="t1"/>
<hr/>
<div id="d1" style="border: 1px solid red;width: 100px;height: 100px;"></div>
</body>
</html>
分享到：
相关推荐
三、jQuery事件机制 1. 绑定事件：使用`.on("event", function())`来绑定事件，如`$("button").on("click", function() {...})`。`event`可以是"click"、"mouseover"等，`function()`是事件处理函数。 2. 事件委托...
jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础
在JavaScript的世界里，jQuery库为开发者提供了极大的便利，特别是在处理DOM操作和事件处理上。"jQuery鼠标滚轮事件"是一个非常实用的功能，它允许我们监听并响应用户使用鼠标滚轮时的操作，以此来实现诸如页面滚动...
三、jQuery事件 1. 基本事件绑定：jQuery提供了`.on()`方法来绑定事件。例如，`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时，执行匿名函数内的代码。 2. 鼠标事件：常见...
对于熟悉前端开发的小伙伴，相信对于Jquery一定不陌生，相对于JavaScript的繁琐，Jquery更加的简洁，当然简洁不意味着...Jquery事件操作测试</title> [removed][removed] <style> .ul{min-width:300px;h
jQuery事件基础 1、jQuery事件概述 jQuery对JavaScript操作DOM事件进行了封装，形成了更好的事件处理机制； 包括常用事件、事件绑定与解绑等。jQuery事件处理方法是jQuery的核心函数。 常用事件方法（教材P263表A-4...
为了捕捉这一行为并根据需要做出响应，开发者通常会使用JavaScript或jQuery来监听滚轮事件。本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一...
本项目“jQuery仿Windows系统文件夹目录操作代码”旨在使用jQuery实现一个与Windows操作系统类似的文件夹浏览和操作功能。下面将详细阐述这个项目中涉及的核心知识点。 1. **jQuery基础**： - **选择器**：jQuery...
在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何为jQuery添加自定义事件机制，这将帮助开发者扩展jQuery的功能，实现更加个性化的...
在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理和Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件，以便于我们在其状态变化时执行相应的代码。 首先，理解...
jQuery作为一款广泛使用的JavaScript库，极大地简化了DOM操作和事件处理。本文将深入探讨一个针对鼠标双击和触摸屏双击事件检测的jQuery插件——jQuery-doubleTap。 **一、插件简介** jQuery-doubleTap是一款专门...
jquery学习资料jQuery DOM的操作jQuery插件源码jQuery插件等资料: jQuery DOM教辅.pdf jQuery DOM源码 ...jQuery事件 jQuery事件教辅.pdf jQuery插件.pdf jQuery插件源码 jQuery选择器源码 瀑布流.pdf b
jQuery，作为一款强大的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在"jQueryDemo(JQuery常用操作2005)"中，我们将深入探讨jQuery的核心功能和常见用法，帮助你提升网页开发...
总的来说，jQuery事件处理是Web开发中增强用户体验的关键工具，通过合理利用这些功能，开发者可以创建出响应迅速、交互丰富的网站和应用程序。了解并熟练掌握jQuery的事件处理机制，对于提升Web开发效率和代码质量...
《jQuery Mobile事件参考手册》是针对使用jQuery Mobile框架进行移动应用开发的重要参考资料。jQuery Mobile是一个功能丰富的库，专为触摸设备设计，它简化了在HTML5网页上创建响应式、跨平台用户界面的过程。该手册...
在Web前端开发中，jQuery是一个极其重要的库，它极大地简化了JavaScript操作DOM（文档对象模型）、事件处理、动画以及Ajax交互。本章我们将深入探讨jQuery的基本操作，包括元素选取、属性操作、样式调整以及动画效果...
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox，并实现全选、全不选、反选以及获取选中值这四个核心功能...
jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页中的 DOM 操作、事件处理、动画制作以及Ajax交互。本手册主要针对jQuery 1.10.3版本，这一版本在保持稳定性和兼容性的同时，提供了丰富的API和功能。 **...
jQuery 1.4.2 是一个里程碑式的版本，它在JavaScript库的世界中占有重要地位，为开发者提供了强大的DOM操作、事件处理、动画效果以及Ajax交互等功能。这个版本的发布极大地简化了网页开发，提升了效率，使得复杂的...
四、jQuery事件处理 1. 绑定事件：使用`.on()`方法可以绑定各种事件，如`click()`, `mouseover()`, `mouseout()`等。例如，`$("#button").click(function() {...})`会在按钮被点击时执行回调函数。 2. 触发事件：...