jQurey插件cookie,autocomplete,contextmenu,lifocuscolorct,twoaddresult

1.cookie   <script src="http://www.imooc.com/data/jquery.cookie.js" type="text/javascript"></script>

对用户信息的保存：

$.cookie(key，value)

；读取：

$.cookie(key)

，删除：

$.cookie(key，null)

$.cookie('the_cookie'); // 读取 cookie

$.cookie('the_cookie', 'the_value'); // 存储 cookie

$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie

$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie
$.cookie('the_cookie', 'the_value', { path:'/' }); // 凡是来自同一服务器，URL里有相同路径的所有WEB页面都可以共享cookies。

2.autocomplete
 <link href="http://www.imooc.com/data/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
 <script src="http://www.imooc.com/data/jquery.autocomplete.js" type="text/javascript"></script>

$(textbox).autocomplete(urlData,[options]);

urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。

即输入文本框的时候，返回与字符相近的提示，这个用法稍微有点难理解，以后有好实例再做详细研究

3.contextMenu,即右键后自定义一些动作
<script src="http://www.imooc.com/data/jquery.contextmenu.js" type="text/javascript"></script>
$(selector).contextMenu('定义好的列表',{
 bingings:
     {
      '列表中的第一个id':function(Item){执行动作};
     },
     {

      '列表中的第二个id':function(Item){执行动作};

     }

})

4.lifocuscolor 效果就如mouseover改变其css
<script src="http://www.imooc.com/data/jquery.lifocuscolor.js" type="text/javascript"></script>

<script type="text/javascript">
$(function () {
$("ul").focusColor("red");
})
</script>

5.twoaddresult 实现一个相加相减运算
 <script src="http://www.imooc.com/data/jquery.twoaddresult.js" type="text/javascript"></script>
$.addNum(p1,p2)
和

 $.subNum(p1,p2)

<script type="text/javascript">
$(function () {
$("#btnCount").bind("click", function () {
$("#Text3").val(
$.addNum($("#Text1").val(),
$("#Text2").val())
);
});
});
</script>