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面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
javascript实现文字图片上下滚动的具体实例
Jun 28 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
详解react-router如何实现按需加载
Jun 15 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
微信小程序云开发之数据库操作
May 18 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 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 mysql索引问题
2008/06/07 PHP
php生成xml简单实例代码
2009/12/16 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
PHP7 新增功能
2021/03/09 PHP
IE iframe的onload方法分析小结
2010/01/07 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
JS中的==运算: [''] == false —&gt;true
2016/07/24 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
一行JavaScript代码如何实现瀑布流布局
2020/12/11 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
Python中index()和seek()的用法(详解)
2017/04/27 Python
mysql 之通过配置文件链接数据库
2017/08/12 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
pytorch神经网络之卷积层与全连接层参数的设置方法
2019/08/18 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
Python如何实现线程间通信
2020/07/30 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
小学教师师德感言
2014/02/10 职场文书
工会主席岗位责任制
2014/02/11 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
初中班主任教育随笔
2015/08/15 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python