index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基础事件</title> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript" src="demo.js"></script> <script type="text/javascript" src="jquery-migrate-1.2.1.js"></script> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <!-- <input type="text" value="" /> <div style="width:200px; height:200px; background:green;"> <p style=" width:100px; height:100px; background:red;"></p> </div> <strong></strong> <div style="width:200px; height:200px; background:green;"> <input type="text" value="" /> </div> --> <div style="width:200px; height:200px; background:green;"> </div> </body> </html>
demo.js
$(function(){
/*
$('div').mouseover(function(){
$(this).css('background','red');
}).mouseout(function(){
$(this).css('background','green');
});
$('div').mouseenter(function(){
$(this).css('background','red');
}).mouseleave(function(){
$(this).css('background','green');
});
$('div').mouseover(function(){ //over 会触发子节点
$('strong').html(function(index,value){
return value + '1';
});
});
$('div').mouseenter(function(){ //enter 不会触发子节点
$('strong').html(function(index,value){
return value + '1';
});
});
$('div').mouseout(function(){ //out 有层次就会产生问题
$('strong').html(function(index,value){
return value + '1';
});
});
$('div').mouseleave(function(){ //out 有层次也不会产生问题
$('strong').html(function(index,value){
return value + '1';
});
});
$('input').keydown(function(){
alert('键盘')
});
$('input').keyup(function(){
alert('键盘')
});
$('input').keydown(function(e){
alert(e.keyCode);
});
$('input').keypress(function(e){
alert(e.charCode);
});
$('input').focus(function(){
alert('光标激活');
});
$('input').blur(function(){
alert('光标丢失');
});
$('input').focusin(function(){
alert('光标激活');
});
$('input').focusout(function(){
alert('光标丢失');
});
//.focus() 和 .blur() 分别表示光标激活和丢失，事件触发时机是当前元素。而.focusin() 和 .focusout()
//也表示光标激活和丢失，但事件触发时机可以是子元素。
$('div').focus(function(){//.focus() 和 .blur()必须是当前元素才能激
alert('光标激活');
});
$('div').focusin(function(){//.focusin() 和 .focusout()可以是子元素激活
alert('光标激活');
});
$('div').focusout(function(){
alert('光标丢失');
});
$('div').blur(function(){
alert('光标丢失');
});
$('div').hover(function(){
$(this).css('background','red');
},function(){
$(this).css('background','green');
});
//注意，.hover()方法是结合了.mouseenter()方法和
//.mouseleave()方法，并非 .mouseover()和.mouseout()方法
//$('div').toggle('slow');
$('div').toggle(function(){
$(this).css('background','red');
},function(){
$(this).css('background','blue');
},function(){
$(this).css('background','green');
});
var flag = 1;
$('div').click(function(){
if(flag == 1){
$(this).css('background','red');
flag = 2;
}else if(flag == 2){
$(this).css('background','blue');
flag = 3;
}else{
$(this).css('background','green');
flag = 1;
}
})
*/
});
相关推荐
在本章"第08章 基础事件（上）"中，我们将探讨软件开发中的事件处理机制，这是构建用户交互式应用的核心部分。事件是用户与应用程序进行交互时产生的信号，例如点击按钮、输入文本等。这些事件触发程序响应，从而...
《模拟电子技术基础》第八章.ppt 本章主要讲述正弦波振荡电路、非正弦波发生电路、波形转换和信号转换电路等。重点掌握正弦波振荡的平衡条件，并能够依据相位平衡条件正确判断电路是否可能产生振荡；掌握单限、滞...
java语言程序设计基础篇第八章第十题编程参考答案.pdf
在本资源中，我们聚焦于Java语言设计的基础篇——第八版的第四章编程题解答。这一部分的内容旨在帮助读者深入理解和应用Java编程的基本概念。Java作为一种广泛应用的面向对象的编程语言，其基础知识对于任何想从事...
[精选]电大基础会计课件第八章.pptx
JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...
JQuery基础教程之第八章后续章节看我后续资源jquery全套教程： JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础...
6. **编程技巧**：除了基础知识外，第八章可能还会涉及到一些编程技巧，如如何提高代码效率、避免内存泄漏、进行错误处理等，这些都是成为优秀C程序员必须掌握的技能。 为了方便学习，作者选择上传了高清图片而不是...
无论是第八章的动力学与能量守恒，还是第九章的静电学，都要求学生具备扎实的数学基础，同时具备抽象思维和逻辑推理能力。通过深入学习和实践，学生不仅可以理解自然界的物理现象，还能培养科学思维和问题解决技巧，...
【标签】"C# 第八章作业"进一步强调了学习的重点是C#语言的第八章内容，可能涵盖类与对象、继承、多态性、接口、异常处理、文件操作、集合、委托和事件等主题。这些都是C#编程中至关重要的部分，对于任何想要成为...
JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...
**jQuery基础教程第8章下** 在本章节中，我们将深入学习jQuery库的高级特性，这个流行的JavaScript库极大地简化了DOM操作、事件处理、动画效果和Ajax交互。jQuery以其简洁的API和广泛的社区支持，成为了Web开发者的...
JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...
JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...
答案来源于老师 绝对的完整 下载过我之前发的 就知道 不信 的 就 飘过去吧
第八个例程展示了函数的返回值。我们定义了一个函数sub(int)，该函数将整数作为参数，并返回计算结果。在main函数中，我们使用该函数，并输出结果。 本章节的八个例程展示了C++程序设计基础知识，涵盖了函数的定义...
第 4 章 计算机网络基础及 Internet 应用 1. 计算机网络的基本概念：网络拓扑结构、网络协议 2. 计算机网络的类型：局域网、广域网、互联网 3. 网络协议：TCP/IP、HTTP、FTP 4. Internet应用：WWW、电子邮件、远程...
总的来说，《高数下第八章》的学习涵盖了多元函数的微积分基础，包括偏导数、全微分、多元函数的几何意义及物理应用，以及多元积分等内容。这些知识不仅对于理解和解决实际问题有重要作用，也为后续的高级数学和应用...
《C#编程基础与实践：从第一章到第八章的上机阶段详解》 C#，全称C Sharp，是微软公司推出的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。它以其简洁的语法、强大的功能以及广泛的应用场景，深受...