位置: 编程技术 - 正文
jquery中cookie用法实例详解(获取,存储,删除等)(jquery设置cookie过期时间)
编辑：rootadmin推荐整理分享jquery中cookie用法实例详解(获取,存储,删除等)(jquery设置cookie过期时间)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery设置cookie过期时间,js cookie用法,jquery设置cookie过期时间,jquery设置cookie过期时间,js cookie用法,javascript中cookie,jquery.cookie.js 使用,jquery cookie用法,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下：
cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。
使用JQuery操作cookie时 发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名称，内容，域，路径
使用：时 未指定域和路径。
所有当域和路径不同时会产生不同的cookie取值时会产生问题。
故：进行覆盖。同域下同一个cookieID对应一个值。
下面我们来看个实例
关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如: '/user']
Jquery操作Cookie记录用户查询过信息
这是一个Cookie数据生成的列表，
每次单击查询会存储一个域名，并把最后一次查询的域名放在最上方。本例子最多存储个，大家可以根据自己情况进行设置
下在咱们一起来看看是怎么实现的吧
先写一个操作Cookie的JS文件如下
在这里面还附带了这样一个效果，就是同时输入多个输入框的值，如下图
如果那个输入框要使用这样的效果只要添加一个属性为url="true"就行了，这样方便 可操作性强，想给那个框加效果就加上这个属性，不想加的直接不加url="true"就OK了。
在使用这个效果的界面添加如下代码
除此之外的JS直接放在一个Js文件里，引用进来就行了下拉列表是怎么加载的呢？看下面的一个方法就知道了
加载列表
完成了这些之后我们只需要在单击查询时进行存储Cookie就行了，看下面的方法
操作Cookie类
调用 时这样写好了功能完成。
进行具体的测试
代码写的不是很好，希望大家多提提建议，我们进行相应修改争取更完善。
Cookie是存储的客户端的，一个并且只能访问同域名下的Cookie，子域名之间可以相互访问，只要加上domain属性就行了，存储的方法如下取的时间直接写 $.cookie("domain");就好了，只要是子域名，都这样调用，这样可以达到本域名下的Cookie共享的功能。
Cookie的有效利用会给我们的网站带来N多意想不到的效果和功能，大家交流下
更多关于jQuery操作cookie相关内容可查看本站专题：《jQuery的cookie操作技巧总结》
希望本文所述对大家jQuery程序设计有所帮助。
基于jQuery实现交互体验社会化分享代码附源码下载 先给大家展示下效果图，看看是不是亲想要的效果，如果满足您的要求请继续往下阅读。效果展示源码下载基于jQuery交互体验社会化分享代码。这是一
使用微信内置浏览器点击下拉框出现页面乱跳转现象（iphone），该怎么办 相关阅读：微信支付如何实现内置浏览器的H5页面支付情景再现:正当开心地收拾东西准备下班的时候，测试部的姑娘跑过来提了一个bug:在iphone下，点击
jQuery+Ajax实现无刷新操作 使用jQuery实现Ajax操作想要实现Ajax页面无刷新效果，但是直接利用Ajax代码实在有些麻烦，所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPReq
上一篇：jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)(简单的jquery插件实例)
下一篇：基于jQuery实现交互体验社会化分享代码附源码下载(基于jquery的框架)
