1、一个输入框自动提示完成的插件:Awesomplete
网址:http://www.yyyweb.com/3841.html
简单使用如下:
<input type="text" class="awesomplete" data-list="#search_list" value="搜索"/> <ul id="search_list" style="display:none"> <li>我要立案</li> <li>我要阅卷</li> <li>我的案件</li> <li>诉讼咨询</li> <li>诉费计算器</li> <li>java</li> <li>javaScript</li> </ul>输入框中输入ja,自动提示java和javascript;
依赖的js和css,awesomplete.min.js或者.js awesomplete.css
2、jquery提供的存取、读取cookie的插件:
jquery.cookie.js是一个基于jquery的插件
在页面中引用这个js就行了:<script type="text/javascript" src="js/jquery.cookie.js"></script>
操作方法:
创建一个会话cookie:
$.cookie(‘cookieName’,'cookieValue’);
注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。
创建一个持久cookie:
$.cookie(‘cookieName’,'cookieValue’,{expires:7});
注:当指明时间时,故称为持久cookie,并且有效时间为天。
创建一个持久并带有效路径的cookie:
$.cookie(‘cookieName’,'cookieValue’,{expires:7,path:’/'});
注:如果不设置有效路径,在默认情况下,只能在cookie设置当前页面读取该cookie,cookie的路径用于设置能够读取cookie的顶级目录。
创建一个持久并带有效路径和域名的cookie:
$.cookie(‘cookieName’,'cookieValue’,{expires:7,path:’/',domain: ‘chuhoo.com’,secure: false,raw:false});
注:domain:创建cookie所在网页所拥有的域名;secure:默认是false,如果为true,cookie的传输协议需为https;raw:默认为false,读取和写入时候自动进行编码和解码(使用encodeURIComponent编码,使用decodeURIComponent解码),关闭这个功能,请设置为true。
获取cookie:
$.cookie(‘cookieName’); //如果存在则返回cookieValue,否则返回null。
删除cookie:
$.cookie(‘cookieName’,null);
注:如果想删除一个带有效路径的cookie,如下:$.cookie(‘cookieName’,null,{path:’/'});