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事件操作; 事件绑定与解绑;通过事件方法绑定事件：已经用过了单个事件的绑定，是通过调用某个事件方法，传入事件处理函数来实现的，如click()、change()等。;jQuery常用事件方法：;jQuery常用事件方法：;...
1.on()给元素绑定一个或多个事件处理程序 2.off()用来移除 on()方法绑定的事件处理程序 3. one()给元素绑定一个或多个事件处理函数 2.ho
jQuery第4天知识点：jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip
jQuery常用事件 参数function表示触发事件时执行的处理程序（函数）。 参数data用于为事件处理函数传递数据。（可在事件处理函数中使用“事件对象.data”获取） 页面加载事件 jQuery中的页面加载事件方法有3种...
jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础
内容包括:jQuery Ajax 操作函数,jQuery 选择器,jQuery 事件处理方法,jQuery 事件方法,jQuery 效果函数,jQuery 文档操作方法,jQuery 属性操作方法,jQuery CSS 操作函数,jQuery 遍历函数
对于熟悉前端开发的小伙伴，相信对于Jquery一定不陌生，相对于JavaScript的繁琐，Jquery更加的简洁，当然简洁不意味着...Jquery事件操作测试</title> [removed][removed] <style> .ul{min-width:300px;h
jQuery事件基础 1、jQuery事件概述 jQuery对JavaScript操作DOM事件进行了封装，形成了更好的事件处理机制； 包括常用事件、事件绑定与解绑等。jQuery事件处理方法是jQuery的核心函数。 常用事件方法（教材P263表A-4...
jquery学习资料jQuery DOM的操作jQuery插件源码jQuery插件等资料: jQuery DOM教辅.pdf jQuery DOM源码 ...jQuery事件 jQuery事件教辅.pdf jQuery插件.pdf jQuery插件源码 jQuery选择器源码 瀑布流.pdf b
主要介绍了jQuery实现长按按钮触发事件的方法,可应用于手机端应用程序的开发中,非常具有实用价值,需要的朋友可以参考下
jQuery事件模型的功能有： 提供建立事件处理程序的统一方法； 允许在每个元素上为每个时间类型建立多个处理程序； 采用标准的事件类型名称，例如click或mouseover； 使用Event实例可用作处理程序的参数； 对Event...
今天上午对checkbox相关事件整合了下，运用jquery相关知识，整理table中隔行换色，选中变色，全选，反选等操作，并且对table动态添加行进行了相关整理。
第9章 jQuery中的事件处理 第10章 jQuery中的动画与效果 第11章 jQuery与AJAX 第12章 回头重看jQuery——核心及工具 第13章 jQuery增强用户体验 第14章 jQuery中使用AJAX跨域操作 第15章 jQuery+PHP动态网站实践 第...
全网最全的JQuery手册大全，是非常完整的参考手册，不论你是初学者或者想深入学习亦或者是为在工作中有备无患，都是非常值得拥有的。...《jQuery事件使用手册》 《jQuery性能优化38论》 《jQuery性能优化技巧》
包括最常用的表单操作，取值赋值清空，比较实用，比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
jQuery事件处理 jQuery页面导航（这部分内容较少，增加了几个纯CSS实现） jQuery视觉特效（这部分内容最丰富）。 每个实例都有简洁的注释，基本上原书的精髓都汇聚于此。另外附带jQuery可视化API一份。 希望大家...
2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 动画效果 18 2.2.5 终止动画 20 2.2.6 回调函数 20 2.2.7 方法链 22 2.3 HTML操作 23 2.3.1 HTML 取值 23 2.3.2 ...
本书前6章以通俗易懂的方式讲解了jQuery的核心组件，包括jQuery的选择符、事件、动画、DOM操作、Ajax支持等。第7章和第8章介绍了jQuery UI、jQuery Mobile及利用jQuery强大的扩展能力开发自定义插件。随后的几章更加...
jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式。 jQuery适合于设计师、开发者以及那些还好者，...