当前位置: 首页 > 编程笔记 >

jQuery实现tag便签去重效果的方法

柳奇希
2023-03-14
本文向大家介绍jQuery实现tag便签去重效果的方法,包括了jQuery实现tag便签去重效果的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下:

html代码如下:

<head>

<script type="text/javascript" src="js/jQuery.js"></script>  <!--jquery引用代码-->

<script type="text/javascript" src="js/delRepeat.js"></script> <!--实现去重的js代码-->

</head>

<body>

<input id="repeatValue" type="text" onblur="delRepeat()">

</body>

delRepeat.js代码如下:

function delRepeat(){

var str = $('#repeatValue').val();

var strArr=str.split(" ");//把字符串以空格分割成一个数组

var uniqueArr = []; $.each(strArr, function(i, el){    if($.inArray(el, uniqueArr) === -1) uniqueArr.push(el); });   $('#repeatValue').val(uniqueArr.join(" "));  //再将字符串组合 }

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jQuery实现标签页效果实战(4),包括了jQuery实现标签页效果实战(4)的使用技巧和注意事项,需要的朋友参考一下 今天我们来完成《jQuery实战》系列的标签页效果。先来看一看效果图 这里有两部分的内容,上面是一个标签页的效果,下面也是一个标签页的效果。在实际应用中也经常会见到标签页的效果,它的作用主要是在页面可视区有限的情况下展示更多的内容。当用户想看其他内容的时候不需要离

  • 本文向大家介绍jQuery+css实现的换页标签栏效果,包括了jQuery+css实现的换页标签栏效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery+css实现的换页标签栏效果。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: 更多关于jQuery特效相关内容感兴趣的读者可查看本站专题:《jQuery常见经典特效汇总》及《jQuery动画与特效用法总结》

  • 本文向大家介绍jQuery实现简单的tab标签页效果,包括了jQuery实现简单的tab标签页效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现简单的tab标签页效果。分享给大家供大家参考,具体如下: 运行效果图如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结

  • 本文向大家介绍jQuery实现tab选项卡效果的方法,包括了jQuery实现tab选项卡效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现tab选项卡效果的方法。分享给大家供大家参考。具体如下: html部分如下: 希望本文所述对大家的jquery程序设计有所帮助。

  • 本文向大家介绍jQuery实现返回顶部效果的方法,包括了jQuery实现返回顶部效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现返回顶部效果的方法。分享给大家供大家参考。具体实现方法如下: 1、首先是CSS样式: 2、接着是jquery代码:(要引入jQuery核心库) 3、引用页面: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍vue实现标签云效果的方法详解,包括了vue实现标签云效果的方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了vue实现标签云效果的方法。分享给大家供大家参考,具体如下: 闲扯两句 最近想给自己的博客上加上一个3D标签云的效果,用来表示自己博客文章的分组,网上找到了canvas实现的,还有a元素实现的解析3D标签云,我想让标签可以选择和点击,又不想在标签数量较多时操作a