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 相关文章推荐
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 Javascript
特殊情况下如何获取span里面的值
May 20 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
Javascript中For In语句用法实例
May 14 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
May 25 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
如何获取元素的最终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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
Jquery Ajax Error 调试错误的技巧
2015/11/20 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
餐厅执行经理岗位职责范本
2014/02/26 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
小学教师岗位职责
2015/04/02 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
Golang 对es的操作实例
2022/04/20 Golang
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL