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'); // 存储 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>