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代码
Mar 05 Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
Vue-Router实现组件间跳转的三种方法
Nov 07 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
运用js实现图层拖拽的功能
May 24 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 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
删除无限级目录与文件代码共享
2006/07/12 PHP
discuz安全提问算法
2007/06/06 PHP
PHP下escape解码函数的实现方法
2010/08/08 PHP
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
PHP的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
PHP获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
javascript时间函数大全
2014/06/30 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
微信小程序时间控件picker view使用详解
2018/12/28 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
2019/01/24 Javascript
在react中使用vue的状态管理的方法示例
2020/05/02 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
4s店机修工岗位职责
2013/12/20 职场文书
房地产融资计划书
2014/01/10 职场文书
幼儿园秋游感想
2014/03/12 职场文书
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript