jQuery文本框内容清除插件Add-Clear

jQuery文本框内容清除

这是一款基于jquery的删除文本框内容的实用插件add-clear,它的体验性非常好,当你输入了文字后才会在文本框的最右边显示删除按钮,而当内容删除后按钮又不见了,而整个插件非常小,只有2KB,代码极简,使用非常方便。下面来看下它的使用方法:

引入核心文件

<script type="text/javascript" src="http://ajax.useso.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="addclear.js"></script>

构htmtl,这里只需要写上一个文本框

<input type="text" name="search" value="" id="search_input">

写入JS

 $(function(){
	    $("input").addClear();
	  });

注:本插件无需用到CSS样式,例子里面的CSS只是页面布局用而已。

下载地址:本站下载 | 百度云 | 官方下载

Comments are closed.