jQueryはcookieを利用してローカルコレクション機能を実現します。

1、クッキーは何ですか？
①、クッキーは訪問者のコンピュータに格納されている変数です。コンピュータがブラウザを通してあるページにアクセスするたびに、JavaScriptによってクッキーを作成して読み込むことができます。
②実際にクッキーはユーザハードディスクに保存されたファイルであり、このファイルは通常ドメイン名に対応しており、ブラウザが再度このドメイン名にアクセスすると、このクッキーを利用できる。したがって、cookieは一つのドメイン名の下の複数のウェブページにまたがることができますが、複数のドメイン名を越えて使用することはできません。
③ブラウザによってクッキーの実現が異なります。つまり、ブラウザに保存されているクッキーは他のブラウザには入手できません。
PS:cookieとsessionはすべてコンピュータの中の変数を保存することができますが、sessionはサーバー側で実行されます。クライアントはクッキーを通して変数を読み取り、作成するしかありません。
2、クッキーの役割：
①、ユーザーは初めてあるサイトにログインする時、ユーザー名のパスワードを入力します。面倒くさいと思ったら、今度ログインする時に入力したくなくなります。初めて登録する時に登録情報をクッキーに保存します。今度登録する時、cookieのユーザー名パスワードを直接取得して登録します。
PS：ブラウザがクッキーに情報を保存するのは暗号化されていますが、安全ではない情報が漏れてしまう可能性があります。
②買い物車の性質に似た機能で、初めてユーザーが買い物車に商品を入れましたが、急用ができて、パソコンを閉じました。今度はこのサイトに入ります。クッキーの情報を読んで、買い物車の中の物品を回復します。
PS：実際の操作では、この方法はあまり使われなくなりました。基本的にはこれらの情報をデータベースに保存します。そして、データベースの情報を調べて、カートの中の物品を回復します。
③ページ間の伝値。実際の開発では、一つのページを通じて別のページに移動しがちです。バックエンドサーバーはデータベース、sessionなどを通じてページの必要な値を伝達できます。しかし、ブラウザでは、クッキーにデータを保存し、別のページでクッキーのデータを取得することができます。
PS：ここではクッキーの時効性に注意してください。そうでないとクッキー中のデータの取得が混乱します。
本文は始まります。コードを通して、jq cookieのローカルコレクション機能を紹介します。
JSコア部分
説明：split('，')で文字列を分離して配列を変換して、前回収集したidと今回のコレクションを+'、'+現在のidで預け入れて、その時split()の方法で配列に変換すればいいです。

<script type="text/javascript">
 $(function(){
 var arr = $.cookie("attractionsid").split(',');
 console.log($.cookie());
 for (var i = 0; i < arr.length; i++) {
 if(parseInt(arr[i]) == parseInt(    ID  )){
 //       ，      
 $('#shoucang2').removeClass('hide');
 $('#shoucang1').addClass('hide');
 break;
 }
 };
 $("#shoucang").click(function(event) {
 var judge = true;
 console.log(arr)
 for (var i = 0; i < arr.length; i++) {
 if(parseInt(arr[i]) == parseInt(   ID )){
  arr.splice(i,1);
  $.cookie("attractionsid", arr, { expires: 361});
  console.log('    ');
  $('#shoucang2').addClass('hide');
  $('#shoucang1').removeClass('hide');
  judge = false;
  break;
 }
 };
 if(judge){
 $.cookie("attractionsid", $.cookie("attractionsid") + ","+"   ID ", { expires: 361});
 console.log('    ');
 $('#shoucang2').removeClass('hide');
 $('#shoucang1').addClass('hide');
 }
 });
 })
</script>

締め括りをつける
以上は小编が绍介したjQueryがcookieを利用して当地の收藏机能を実现しました。皆さんに何かお聞きしたいことがあれば、メッセージをください。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。