Contoh untuk menerangkan perbezaan antara this dan $(this) dalam JQuery_jquery

Ini jarang digunakan dalam jquery. Apabila saya melihat kod itu, saya mendapati bahawa ia telah digunakan, jadi saya menyahpepijat nilai ini dan fikir itulah yang berlaku. Masih cukup berguna. Berikut ialah ringkasan perbezaan dan kegunaan ini dan $(ini).

　Apakah yang dijana oleh $(ini)?

Apakah yang dijana oleh $()? Malah, $()=jquery() bermakna ia mengembalikan objek jquery.

Biasanya kami menggunakan $() secara langsung untuk kesederhanaan. Malah, fungsi ini menghilangkan konteks parameter. Pilih objek yang sepadan berdasarkan pemilih, iaitu, $(selector, context), dan kembalikannya dalam bentuk set pembalut jQuery.

Konteks boleh menjadi koleksi objek Dom atau set pembungkusan jQuery Menyalurkannya bermakna memilih objek yang sepadan daripada konteks Jika ia tidak diluluskan, ini bermakna skop adalah objek dokumen (iaitu, semua objek pada halaman), iaitu $(selector)=$ (selector,document).

Ini merujuk kepada objek html yang memanggil fungsi tersebut.

Contoh:

Salin kod Kod adalah seperti berikut:

$("#kotak teks").tuding(
fungsi() {
This.title = "Ujian"; },
fungsi() {
This.title = "OK"; }  
);

Ini sebenarnya adalah elemen Html (kotak teks), dan ini dalam js. Kotak teks mempunyai atribut teks, jadi tiada masalah untuk menulisnya dengan cara ini.

Salin kod Kod adalah seperti berikut:

$("#kotak teks").tuding(

fungsi() {
$(this).title = "Ujian";
},  
fungsi() {
$(this).title = "OK";
                                                                                       
);

$(this) di sini ialah objek JQuery, dan objek jQuery tidak mempunyai atribut tajuk, jadi menulis ini adalah salah.

Kesimpulan:

　Ini menunjukkan bahawa objek konteks semasa ialah objek html, dan anda boleh memanggil sifat dan kaedah yang dimiliki oleh objek html.

$(this), objek konteks yang diwakili ialah objek konteks jquery, yang boleh memanggil kaedah jquery dan nilai atribut.

Instance (tab):

Salin kod Kod adalah seperti berikut:

tabs($("#nav a"), $(".content")); tab fungsi(tab, kandungan){

content.hide();
content.eq(0).show();
tab.klik(fungsi(){
var index = tab.index(this);
tab.removeClass("semasa");
$(this).addClass("semasa");
content.hide();
content.eq(index).animate({opacity:'show'}, 200);
});
}