[jQueryの]研究ノート（A）

転載へようこそ、著者とソースを明記してください。

このリンク： https://blog.csdn.net/weixin_43217942/article/details/102471226

---

jQueryのエントリー機能

 //1
 $(document).ready(function(){
    //todo
 });
 
 //2
 jQuery(document).ready(function(){
    //todo
 });
 
 //3 最常用！
$(function(){
    //todo
})；

//4
jQuery(function()[
    //todo
});

jQueryの$記号のリリース

注意事項：解除操作はjQueryのを使用するコードを記述する必要があり、とjQueryを使用している$、のリリース後に使用することはできません前に、

もう一つの看板は、読み取りアクセスを

var jq = jquery.noConflict();
//释放$符

jQueryオブジェクト

JS jQueryオブジェクトがパッケージ化されたオブジェクトは、本質的にダミーアレイです。

の擬似区別する機能の擬似アレイ、アレイ、およびアレイ（配列）は何ですか？

• 0に属性長-1を持っている、とlengthプロパティを持っています。
• アレイの真のは、可変長のダミーアレイ不変の長さです。
• 真アレイ法がアレイで使用することができる（.forEach）、ないダミーアレイ
• アレイは、実際のプロトタイプ、プロトタイプ人工配列なし__proto__を区別するために使用することができます

配列の真と偽の配列を区別するためにどのように？

テストコード：

<script>
    var arr = [1,2,3];

    var  obj =function () {
        var a = "one";
        var b = "two";
        var c = "three";

    };
    console.log(arr);
    console.log(obj);
</script>

出力：

//arr
Array(3)
0: 1
1: 2
2: 3
length: 3
__proto__: Array(0)

//obj
Object
0:"one"
1:"two"
2:"three"
__proto__:Object

結果は、上記から見ることができます。

• 親配列が配列である、配列は、親クラス擬似オブジェであります
• 強力なのJSの配列のない外部のパフォーマンスの唯一の疑似配列array、親が擬似配列の配列ではありませんので、あなたは、アレイ内のさまざまな方法を使用することはできませんので、

静的メソッド、インスタンスメソッド

直接なる上記カテゴリ、等に添加静的メソッド、クラスと呼ばれるプロトタイプメソッドに追加インスタンス方法。

<script>
//创建一个类
function TestCalss() {

}

//添加静态方法
TestCalss.staticMethod = function () {
    console.log("staticMethod");
};

//静态方法通过类名直接调用
TestCalss.staticMethod();
    
//为对象添加实例方法
TestCalss.prototype.instanceMethod = function () {
    console.log("instanceMethod");
};

//调用实例方法
new TestCalss().instanceMethod();
</script>

最後に、「staticMethod」、「instanceMethod」の出力。

オブジェクトのプロトタイプオブジェクトとは何ですか？

JSトップオブジェクトのプロトタイプオブジェクトクラスは、典型的には、クラスやメソッド間のデータ共有を実現するために使用されます。

function F() {} // F 是一个函数，函数也是对象，而且每个函数都有一个属性叫："prototype"
var o = new F(); // F.prototype 就是 o 的原型对象
 
console.log(o.name);
// 输出： undefined
 
F.prototype.name = "foo";
console.log(o.name);
// 输出： foo
 
 
// 上面这个例子是想说明：通过 new 在对象 o 与对象 F.prototype 之间建立了联系， 这个建立联系
// 的方式有人叫 "原型继承" 。 当访问的对象属性不存在时，就会沿着原型链去查找。

jQueryの各（）メソッド

    var arr = [1,2,3,4,5];
    arr.forEach(function (value,index) {
        console.log("idx:"+index+"  value:"+value)
    });

    $.each(arr,function (index,value) {
        console.log("idx:"+index+"  value:"+value)
    })

• （）値が逆に各jQueryの（）メソッドおよび月次指標のforEach
• jQueryの各（）メソッドは、ダミーアレイを横断することができる、のforEach（）メソッドができません

各jQueryのメソッドは、どのようなシーンで使用された、いくつかの形式を持っていますか？

    var arr = [1,2,3,4,5];
    var obj = {
        0:"one",
        1:"two",
        2:"three",
        length:3
    };

    $.each(arr,function (index,value) {
        console.log("idx:"+index+"  value:"+value)
    });
    $.each(obj,function (index,value) {
        console.log("idx:"+index+"  value:"+value);
    })

jQueryの地図（）メソッド

    var arr = [1,2,3,4,5];
    var obj = {
        0:"one",
        1:"two",
        2:"three",
        length:3
    };

    arr.map(function (value, index, array) {
        console.log("index:"+index+"  value:"+value);
    });
    
    $.map(arr,function (value,index) {
        console.log("index:"+index+"  value:"+value);
    });

jQueryとJSコールバック関数の後に第1の値のインデックスであります

（）メソッドとjQueryの違い各マップ（）メソッド

1. デフォルトの戻り値を横切る各（）メソッドは、配列であります
2. 地図（）メソッドは、デフォルト値は空の配列で返します
3. 各（）メソッドは、処理横断アレイコールバックをサポートしていません
4. 地図（）メソッドは、コールバック関数のアレイ処理に戻るが横断して、新しいリスト戻り値を生成することができます

jQueryのマップ（）とマップネイティブJSの違い（）の中

    var arr = [1,2,3,4,5];
    var obj = {
        0:"one",
        1:"two",
        2:"three",
        length:3
    };

    arr.map((value,index)=>{
        console.log("index:"+index+"  value:"+value);
    });
    //和原生的forEach（）一样，不能遍历伪数组


    //jQuery map（）遍历伪数组
    $.map(obj,(value,index)=>{
        console.log(value,index);
    });

    //通过map（）修改数组元素
    var ar = $.map(arr,(value,index)=>{
        return value+1;
    });
    $.map(ar,(value,index)=>{
        console.log(value,index);
    });

主な違いマップjQueryの（）メソッドダミーアレイを横断することができる、天然JSマップ（）がサポートされていませんで

---

PS：私はあなたの認識が私の文章の最大の力で、あなたのための親指を求めて、歓迎のコメントを助けるために願っています~~