发现简介又好用的jquery cookies不分享给大家心里过意不去,首先是新建一个jquery.cookies.js把这段代码放在里面,               


jQuery.cookie = function(name, value, options) {
	if (typeof value != 'undefined') {
		options = options || {};
		if (value === null) {
			value = '';
			options = $.extend({}, options);
			options.expires = -1;
		}
		var expires = '';
		if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
			var date;
			if (typeof options.expires == 'number') {
				date = new Date();
				date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
			} else {
				date = options.expires;
			}
			expires = '; expires=' + date.toUTCString();
		}
		var path = options.path ? '; path=' + (options.path) : '';
		var domain = options.domain ? '; domain=' + (options.domain) : '';
		var secure = options.secure ? '; secure' : '';
		document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
		} else {
			var cookieValue = null;
			if (document.cookie && document.cookie != '') {
			var cookies = document.cookie.split(';');
			for (var i = 0; i < cookies.length; i++) {
				var cookie = jQuery.trim(cookies[i]);
				if (cookie.substring(0, name.length + 1) == (name + '=')) {
					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
					break;
				}
			}
		}
		return cookieValue;
	}
};
然后依次调用jquery.min.js 和jquery.cookies.js


具体使用如下:


/*//测试数据
	var read_history = $.cookie('kuku_read_history'); 
	if(read_history!=""){
		read_history = "海贼王 第749话 冲吧!怪人军团|"+read_history;
	}
	$.cookie('kuku_read_history', read_history,{expires: 365,path:'/'});	*/
	
	if($('#history')){//有历史记录就查cookies		
		var history_data = $.cookie('kuku_read_history');
		if(history_data){
			var history_html = "
    "; history_arr = history_data.split("|"); history_arr.forEach(function(his){ if(his!="null"){ history_html += "
  • "+his+"
  • "; } }) history_html += "
"; } $('#history').html(history_html); } if($('#mark')){//有记号就查cookies var mark_data = $.cookie('kuku_read_mark'); if(mark_data){ var mark_html = "
    "; mark_arr = mark_data.split("|"); mark_arr.forEach(function(his){ mark_html += "
  • "+his+"
  • "; }) mark_html += "
"; } $('#mark').html(mark_html); } //做个记号 $('#mark_cokies').click(function(){ var read_mark = $.cookie('kuku_read_mark'); if(read_mark!=""){ read_mark = ""+$('#mark_cokies').attr()+"|"+read_mark; } $.cookie('kuku_read_mark', read_mark,{expires: 365,path:'/'}); }); //清空 $('#delete_cookies').click(function(){ $.cookie('kuku_read_history', '',{expires: 365,path:'/'}); $('#history').html("您观看的历史为空!"); $.cookie('kuku_read_mark', '',{expires: 365,path:'/'}); $('#mark').html("暂时没有记号!"); });


         

jquery如何判断滚动条滚到页...

jquery如何判断滚动条滚到页面底部?说实话这种代码没事都没有潜心去研究,只好来总结以备使用,网上采用最多的方法就是判断内容高度-可见高度<滚动高...

阅读全文

Jquery幻灯片插件 jcar...

Jquery幻灯片插件很简单,使用其中一个插件jcarousellite后收集了 它的配置参数说明 (function($){$.fn.jCar...

阅读全文

关于jquery的cookie插...

花了一个下午时间研究cookie,原来在网上找到一个jquery的cookie插件很兴奋,之前的文章也有分享过,然而这个是让我步入陷阱花了整整一个下午时间...

阅读全文