JQuery学习六
《JQuery cookie》插件
cookie是保存在浏览器上的内容，用户在这次浏览页面的时候向
cookie中保存文本内容。下次再访问页面的时侯就可以取出来上
次保存的内容。这样可以得到上次“记忆”的内容，cookie不是jquery
特有的概念，只不过jquery cookie把他简化的更好用而已
cookie 需要浏览器的支持，浏览器的cookie是可以禁用的，如果禁用了
cookie就不能使用了。不过一般不用考虑禁用cookie的情况。
cookie 的几个特征：
cookie是与域名相关的，所以163.com不能读取baidu.com记录的cookie
正因为如此读取，设置cookie的时候不用担心不同域名cookie的冲突：
一个域名能写入的cookie总尺寸是有限制的，一般是几千个字节，能写入
的Cookie总条数一般是几十条，超过以后浏览器自己会根据自己的策略
移除一些Cookie;Cookie不是写入以后一定下次能读出来。浏览器可能会定期
会清除，用户也可能会手动清除
$.cookie("键值")取值
$.cookie("键名","键值")设值
$.cookie("用户名", "tom", {expires:7,domain:'itcast.cn',secure:true});
{expires:8}表示能够保存几天，属于给浏览器的建议
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<link href="js/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript">
$(function () {
$("#dialog").dialog();
$("#dialog1").accordion();
$("#dialog2").tabs();
}) </script>
</head>
<body>
<div id="dialog">你好，我是一个对话框！黑河，我爱你</div>
<div id="dialog1">你好，我是一个对话框！黑河，我爱你</div>
<div id="dialog2">
<ul>
<li><a href="#tbbase">基本设置</a></li>
<li><a href="#tbadv">高级设置</a></li>
</ul>
<ul id="tbbase">
<li><a href="#">用户名</a></li>
<li><a href="#">刷新频率</a></li>
</ul>
<div id="tbadv">
<label for="username">用户名：</label><input type="text" id="username"/><br/>
<label for="password">登陆密码：</label><input type="text" id="password"/>
</div>
</div> </body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>preventDefault()案例</title>
<style type="text/css">
.qqhead{
font-size:30px;
color:deepskyblue;
background-color:red;
cursor:pointer;
width:30%;
}
.content {
font-size: 20px;
color: blue;
border-style: solid;
width: 30%;
}
ul{list-style-type:none;}
</style>
<!--加载文件-->
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js"type="text/javascript"></script>
<script src="js/jquery-ui.min.js"></script> <script type="text/javascript">
$(function () {
$("#ul1 li:even").addClass("qqhead").click(function () { $(this).next("li.content").toggle().siblings("li.content").hide()});
$("#ul1 li:odd").addClass("content").click();
$("#ul1 > li:first").click();
})
$(function () {
// alert($.cookie("用户名"));//重启不能够取出相应的键值
//$.cookie("用户名", "tom");
//$.cookie("用户名", "tom", {expires:7,domain:'itcast.cn',secure:true}); $("qq").accordion();
}) </script>
</head>
<body>
<div id="qq">
<ul id="ul1">
<li>我的好友</li>
<li>张三<br />小王<br />小刘</li>
<li>亲人栏</li>
<li>张三<br />小王<br />小刘</li>
<li>大学同学</li>
<li>张三<br />小王<br />小刘</li>
<li>小学同学</li>
<li>张三<br />小王<br />小刘</li>
<li>高中同学</li>
<li>张三<br />小王<br />小刘</li>
<li>陌生人</li>
<li>张三<br />小王<br />小刘</li>
</ul>
</div>
<table id="tablecolor">
<tr><td style="background-color:red">红色</td>
<td style="background-color:blue">蓝色</td>
<td style="background-color:yellow">黄色</td></tr>
</table>
<script type="text/javascript">
$(function () {
$("#tablecolor td").click(function () {
var bgcolor = $(this).css("background-color");
$("body").css("background-color", bgcolor);
$.cookie("bgcolor",bgcolor,{expires:7});
});
})
$(document).ready(function () {//记忆窗口的颜色
if ($.cookie("bgcolor"))
$("body").css("background-color", $.cookie("bgcolor"));
}); </script>
</body>
</html>
JQuery学习六的更多相关文章
- jQuery学习(六)——使用JQ完成省市二级联动
1.JQ的遍历操作 方式一: 1 $(function(){ //全选/全不选 $("#checkallbox").click(function(){ var isChecked= ...
- jquery 学习(六) - 事件绑定
HTML <!--绑定事件--> <div class="a1"> <button class="bt">按钮</bu ...
- 初步学习jquery学习笔记（六）
jquery学习笔记六 AJAX 简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. load() 方法 load() 方法从服务器加载数据,并把返回的数据 ...
- 第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素
jQuery 学习8 遍历-父亲兄弟子孙元素 jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素. 什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师 ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- 大量Javascript/JQuery学习教程电子书合集
［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- ［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- day 84 Vue学习六之axios、vuex、脚手架中组件传值
Vue学习六之axios.vuex.脚手架中组件传值 本节目录 一 axios的使用 二 vuex的使用 三 组件传值 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 axios的 ...
- jQuery学习之路（1）-选择器
▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...
随机推荐
- [SHELL]linux环境变量
- windows 7 安装docker
下载docker-install.exe 下载链接 安装,一路next(安装完成后建议重启电脑) 点击桌面boot2docker Start图标,等待初始化,运行docker --version检验是 ...
- 算法与数据结构实验题 4.2 小 F 打怪
★实验任务 小 F 很爱打怪,今天因为系统 bug,他提前得知了 n 只怪的出现顺序以及击 倒每只怪得到的成就值 ai.设第一只怪出现的时间为第 1 秒,这个游戏每过 1 秒 钟出现一只新怪且没被击倒 ...
- lintcode-171-乱序字符串
171-乱序字符串 给出一个字符串数组S,找到其中所有的乱序字符串(Anagram).如果一个字符串是乱序字符串,那么他存在一个字母集合相同,但顺序不同的字符串也在S中. 注意事项 所有的字符串都只包 ...
- 3dContactPointAnnotationTool开发日志（二十）
为了使工具更人性化,我又在每个status的text上绑了个可以拖拽实现值改变的脚本,但是不知道为啥rotx那个值越过+-90范围后连续修改就会产生抖动的现象,试了很多方法也没能弄好,不过实际用起 ...
- IIS发布 MVC 配置
E:\WINDOWS\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll
- SQL SERVER技术内幕之8 分组集
分组集就是分组(GROUP BY子句)使用的一组属性,在传统的SQL中,一个聚合查询只能定义一个分组集: 假设现在不想生成4个单独的结果集,而是希望生成一个统一的结果集,其中包含所有4个分组集的聚合 ...
- opencv2.4.0版本不支持Mat的大小自动调整？
在opencv2.4.9中,resize(img,img,Size(850,550))是没问题的.到了2.4.0中,要新声明一个变量Mat img1;resize(img,img1,Size(850, ...
- tomcat执行shutdown.sh进程残留的解决办法
我们执行shutdown.sh指令的时候有时会发现进程并没有被关掉而是越来越多,这种情况一般是项目造成的,具体原因未去调查.由于tomcat自己有相应的保护机制,所以我们只需要强制结束其进程即可,下面 ...
- SQL SERVER 存储过程中SELECT 返回值如何赋值给变量
今天在处理一个问题时,使用到一个存储过程,是用于更新并获取最新ID的.在使用过程中,需要获取到这个ID并赋值给变量,结果用EXEC @ID = 存储过程的方式获取失败了.具体情况如下: 为了还原整个情 ...