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 相关文章推荐
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
判断多个input type=file是否有已经选择好文件的代码
May 23 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
详解如何从零开始搭建Express+Vue开发环境
Jul 17 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 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检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
Python程序语言快速上手教程
2012/07/18 Python
说一说Python logging
2016/04/15 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
python 获取微信好友列表的方法(微信web)
2019/02/21 Python
详解【python】str与json类型转换
2019/04/29 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
Python程序控制语句用法实例分析
2020/01/14 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
应届生煤化工求职信
2013/10/21 职场文书
老公爱的承诺书
2014/03/31 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
中学教师师德承诺书
2014/05/23 职场文书
材料采购员岗位职责
2015/04/03 职场文书
搞笑结婚保证书
2015/05/08 职场文书
运动会主持词大全
2015/07/02 职场文书