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 相关文章推荐
JSQL  一个 web DB 的封装
May 05 Javascript
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
Oct 09 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
详谈js对url进行编码和解码(三种方式的区别)
Aug 16 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 Javascript
如何获取元素的最终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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
2017/03/07 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
2020/08/12 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
Python 条件判断的缩写方法
2008/09/06 Python
python通过索引遍历列表的方法
2015/05/04 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Python实现PS滤镜碎片特效功能示例
2018/01/24 Python
python自动化生成IOS的图标
2018/11/13 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
Pytorch to(device)用法
2020/01/08 Python
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
创业计划书的内容步骤和要领
2014/01/04 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
销售人员自我评价
2014/02/01 职场文书
企业文化建设实施方案
2014/03/22 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
食品采购员岗位职责
2014/04/14 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL