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与框架页的操作代码
Jan 17 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
Jun 18 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
JS 设计模式之:单例模式定义与实现方法浅析
May 06 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
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
python绘制条形图方法代码详解
2017/12/19 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
对python 调用类属性的方法详解
2019/07/02 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Python-openCV开运算实例
2020/07/05 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
临床医学专业毕业生的自我评价
2013/10/17 职场文书
机械专业毕业生自荐信
2013/11/02 职场文书
区域总监的岗位职责
2013/11/21 职场文书
计算机专业毕业生推荐信
2013/11/25 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
刑事和解协议书范本
2014/11/19 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫