이 문서의 예에서는 jQuery를 사용하여 쿠키를 설정하고 쿠키를 삭제하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
jQuery 쿠키 사용 예시입니다. 이 예시를 통해 친구들이 jquery.cookie.js 플러그인을 소개한 후 사용법을 익힐 수 있기를 바랍니다. 설정, 다중 쿠키 설정, 쿠키 획득 방법, 날짜 객체를 통해 만료일을 3일 이후로 설정, 유효 기간 설정 등의 팁을 알려드립니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>jQuery Cookie Plugin</title> <script src="jquery1.3.2.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var COOKIE_NAME = 'test_cookie'; var ADDITIONAL_COOKIE_NAME = 'additional'; $('a').eq(0).click(function() { // 用天数设置 cookie $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 10 }); return false; }); $('a').eq(1).click(function() { // 用日期设置 cookie var date = new Date(); date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date }); return false; }); $('a').eq(2).click(function() { // 获取 cookie alert($.cookie(COOKIE_NAME)); return false; }); $('a').eq(3).click(function() { // 删除 cookie $.cookie(COOKIE_NAME, null, { path: '/' }); return false; }); $('a').eq(4).click(function() { // 设置第二个 cookie $.cookie(ADDITIONAL_COOKIE_NAME, 'foo', { expires: 10 }); return false; }); $('a').eq(5).click(function() { // 获取第二个 cookie alert($.cookie(ADDITIONAL_COOKIE_NAME)); return false; }); $('a').eq(6).click(function() { // 删除第二个 cookie $.cookie(ADDITIONAL_COOKIE_NAME, null); return false; }); }); </script> </head> <body> <p> <a href="#">设置 cookie (设置有效期天数为 10 天)</a><br> <a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br> <a href="#">获取 cookie</a><br> <a href="#">删除 cookie</a><br> <a href="#">设置另一个 cookie</a><br> <a href="#">获取另一个 cookie</a><br> <a href="#">删除另一个 cookie</a> </p> </body> </html>
더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자들은 이 사이트에서 특별한 주제를 확인할 수 있습니다: "JQuery 쿠키 조작 기술 요약", "jQuery 테이블(테이블) 조작 기술 요약" , "jQuery 드래그 효과 및 기법 요약", "jQuery 확장 기법 요약", "jQuery 공통 클래식 특수 효과 요약", "jQuery 애니메이션 및 특수 효과 사용 요약", "jquery 선택기 사용 요약" 및 "jQuery 일반 플러그인 및 사용 요약"
이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.