Jquery鼠标放上去显示全名的实现方法


Posted in Javascript onFebruary 06, 2017

第一种方式

使用mouseover、mouseout事件

// 鼠标滑过显示全名
  var origin_name;
  $('.task_name').mouseover(function() {
    origin_name = $(this).text();
    $(this).text($(this).nextAll("input").val());
  }).mouseout(function() {
    $(this).text(origin_name);
  });

第二种方式

使用a标签的title属性

<a title="xxxx">缩写名</a>

鼠标发上去就会显示title的属性值

以上这篇Jquery鼠标放上去显示全名的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
JavaScript输入框字数实时统计更新
Jun 17 Javascript
Vue的百度地图插件尝试使用
Sep 06 Javascript
vue.js仿hover效果的实现方法示例
Jan 28 Javascript
layui switch 开关监听 弹出确定状态转换的例子
Sep 21 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
如何获取元素的最终background-color
Feb 06 #Javascript
a标签置灰不可点击的实现方法
Feb 06 #Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 #Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 #Javascript
Javascript中的prototype与继承
Feb 06 #Javascript
canvas实现粒子时钟效果
Feb 06 #Javascript
javascript笔记之匿名函数和闭包
Feb 06 #Javascript
You might like
php实例分享之html转为rtf格式
2014/06/02 PHP
10款实用的PHP开源工具
2015/10/23 PHP
php面向对象重点知识分享
2019/09/27 PHP
javascript 拖动表格行实现代码
2011/05/05 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
js字符串转成JSON
2013/11/07 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
深入解析Python编程中JSON模块的使用
2015/10/15 Python
jupyter安装小结
2016/03/13 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python切割图片成九宫格的示例代码
2020/03/10 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
局部内部类是否可以访问非final变量?
2013/04/20 面试题
UNIX文件类型
2013/08/29 面试题
保护环境建议书400字
2014/05/13 职场文书
节约用电标语
2014/06/17 职场文书
岗位职责说明书模板
2014/07/30 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
订货会邀请函
2015/01/31 职场文书
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python