Jquery鼠标放上去显示全名的实现方法

 更新时间:2017年02月06日 10:49:34   投稿:jingxian  
下面小编就为大家带来一篇Jquery鼠标放上去显示全名的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

第一种方式

使用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鼠标放上去显示全名的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 实用jquery操作表单元素的简单代码

    实用jquery操作表单元素的简单代码

    下面小编就为大家带来一篇实用jquery操作表单元素的简单代码。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery制作全屏宽度固定高度轮播图(实例讲解)

    jQuery制作全屏宽度固定高度轮播图(实例讲解)

    下面小编就为大家带来一篇jQuery制作全屏宽度固定高度轮播图(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • jQuery实现产品对比功能附源码下载

    jQuery实现产品对比功能附源码下载

    一些电商网站产品或评测网站会为用户提供产品对比的功能,用户只需勾选多个需要对比的产品,就可以进行比对,下文给大家带来了jQuery实现产品对比功能,一起看下吧
    2016-08-08
  • jQuery实现倒计时重新发送短信验证码功能示例

    jQuery实现倒计时重新发送短信验证码功能示例

    这篇文章主要介绍了jQuery实现倒计时重新发送短信验证码功能,结合实例形式分析了基于jQuery的倒计时操作功能实现方法,涉及jQuery表单提交、验证、正则操作等技巧,需要的朋友可以参考下
    2017-01-01
  • jQuery实现表单验证功能

    jQuery实现表单验证功能

    这篇文章主要为大家详细介绍了jQuery实现表单验证功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • XMLHttpRequest处理xml格式的返回数据(示例代码)

    XMLHttpRequest处理xml格式的返回数据(示例代码)

    在发送请求时,返回类型为text和xml的XHR没什么区别,区别在于回调函数处理返回数据的方式
    2013-11-11
  • jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果

    jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果

    这篇文章主要介绍了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果,实例分析了jquery常用的几种背景动态变换效果,涉及jquery动态操作页面动画效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 使用jquery为table动态添加行的实现代码

    使用jquery为table动态添加行的实现代码

    最近,有需要做一个动态的给table,添加行,用了点时间,算是做成了。已测试过,但如果发现有什么bug,可以留言,欢迎拍砖。大家一起进步。
    2011-03-03
  • JQuery live函数

    JQuery live函数

    给指定id或class的元素绑定(bind)事件时,对于改变或新加的元素,事件不会起作用,这时我们就要用live函数,它可以让子元素继承父元素的事件。
    2010-12-12
  • JQuery页面的表格数据的增加与分页的实现

    JQuery页面的表格数据的增加与分页的实现

    使用JQuery实现页面的表格数据的增加与分页,具体示例如下,喜欢的朋友可以参考下
    2013-12-12

最新评论