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>