一些前台插件的使用,持续更新...

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:’/'});


你可能感兴趣的:(一些前台插件的使用,持续更新...)