JQuery之事件操作
来源:互联网 发布:东阳市农村淘宝分布 编辑:程序博客网 时间:2024/05/18 00:48
本文讲一些基本事件操作,包括按钮的单机和双击、文本框获取焦点和失去焦点、鼠标进入和移出div标签。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.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="zhangsan" /> <p id="p1"></p> <input type="text" id="t1" /> <hr /> <div id="d1" style="border: 1px solid red; width: 100px; height: 120px"> </div></body></html>
0 0
- JQuery之事件操作
- 4.1.7: jQuery事件之模拟操作
- jQuery之事件冒泡&模拟操作
- jquery操作事件
- jQuery操作dom事件
- jQuery事件操作
- jquery中的事件操作
- Jquery<4>Jquery 事件操作
- jQuery学习之旅 Item8 DOM事件操作
- jQuery学习笔记之DOM操作、事件绑定(2)
- jQuery学习之旅 8 DOM事件操作
- jQuery事件之键盘事件
- jQuery事件之鼠标事件
- jQuery事件之鼠标事件
- jQuery事件之鼠标事件
- jQuery事件之鼠标事件
- jQuery事件之鼠标事件
- jQuery事件之鼠标事件
- C++代理 Surrogate
- jQuery插件开发全解析
- IOS计算清理缓存
- 绕呜缺谈籽滋脸偕内梢
- POJ 2631 -- Roads in the North【树的直径 】
- JQuery之事件操作
- 自定义tab,下边是viewpager。滑动viewpager,tab跟着动,点击tab,有动画效果并且viewpager也动。
- 《Windows环境下32位汇编语言程序设计(第2版)》-chapter17知识点
- 算法
- tcp/ip 程序 (改进版) client.h
- oracle sqlldr控制文件模板
- 判断给出的序列是不是一个二叉搜索树的后序遍历
- background-size解决样式冲突
- iOS基础:目录结构