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将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 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
PHP,ASP.JAVA,JAVA代码格式化工具整理
2010/06/15 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
Javascript之文件操作
2007/03/07 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
ligerUI---ListBox(列表框可移动的实例)
2017/11/28 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
Sanic框架配置操作分析
2018/07/17 Python
python 重命名轴索引的方法
2018/11/10 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Django中多种重定向方法使用详解
2019/07/17 Python
python实现的Iou与Giou代码
2020/01/18 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
党的群众路线教育实践方案
2014/05/11 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书