jQuery 쿠키 작업 방법 예제 tutorial_jquery

이 기사의 예에서는 jQuery가 쿠키를 작동하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 방법은 다음과 같습니다.

먼저 jq.cookie의 aip부터 살펴보겠습니다

쿠키 쓰기

코드 복사 코드는 다음과 같습니다.

$.cookie("this-cookie","this -값" ,{
만료:10,//만료일
경로:"/",//쿠키 경로
Domanin: //쿠키의 도메인 이름
secure:true //true, 쿠키 전송에는 보안 프로토콜이 필요하며, 그렇지 않으면 그 반대도 마찬가지입니다
});

쿠키 읽기

코드 복사 코드는 다음과 같습니다.

$.cookie("this-cookie")

쿠키 삭제

코드 복사 코드는 다음과 같습니다.

$.cookie("this-cookie",null)

아주 간단하지 않나요? 이렇게 하면 쿠키가 완성됩니다.

코드 복사 코드는 다음과 같습니다.

$(function(){
$("ul li").click(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur") //선택한 스타일 전환
$("#colortable").attr("href",this.id ".css");//전환할 때마다 해당 스타일 시트 교체
$.cookie("cookie",//쿠키 쓰기
This.id,//쿠키 작성이 필요한 사업
{
"path":"/", //쿠키의 기본 속성
"만료":10 //유효일수
})
});
var cookie=$.cookie("cookie"); //쿠키 읽기
If(쿠키){
$("#" 쿠키).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie ".css");
$.cookie("쿠키",쿠키,{
"경로":"/",
"만료":10
})
}
})

html 페이지:

코드 복사 코드는 다음과 같습니다.

red

블랙

간단한 피부 재생 효과를 얻습니다

Google Chrome으로 열 경우 서버측에서 실행하는 것을 잊지 마세요. .

위 데모에서 주의할 사항은 다음과 같습니다.

클릭한 상자. 클래스 또는 ID는 해당 스타일 시트 이름과 동일합니다.

이렇게 하면 풀이 완료됩니다.

컴파일된 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(function(){
$("ul li").click(function(){
마이쿠키(this.id)
});
var cookie=$.cookie("cookie"); //쿠키 읽기
If(쿠키){
마이쿠키(쿠키);
}
})
기능 Mycookie(thiscookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie ".css");
$.cookie("쿠키",thiscookie,{
"경로":"/",
"만료":10
})
}

jquery 쿠키 작업과 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "jQuery의 쿠키 작업 기술 요약"

을 확인할 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.