Ringkasan kaedah yang biasa digunakan dalam Jquery_jquery

//Kelebihan jQuery:

1 Ringan
​ ​ 2 Pemilih Berkuasa
​ 3 Enkapsulasi cemerlang operasi DOM
​ ​ 4 Mekanisme pengendalian acara yang boleh dipercayai
​ 5 Ajax Sempurna
​ ​ 6 Jangan cemarkan pembolehubah peringkat atas
​ ​ 7 Keserasian penyemak imbas yang sangat baik
                                                                                        Mod operasi rantai 10 Tingkah laku diasingkan daripada lapisan struktur
11 Sokongan pemalam yang kaya
12 Dokumentasi lengkap
13 Sumber Terbuka

629e799adbc9dadfcd341ee6c7f26ebfTiada kod dibenarkan di sini2cacc6d41bbb37262a98f745aa00fbf0

$("#foo") dan jQuery("#foo") adalah bersamaan
$.ajax dan jQuery.ajax adalah bersamaan Simbol $ ialah singkatan bagi jQuery

// window.onload : $(function(){ })

$(function(){ }) adalah bersamaan dengan peristiwa window.onload dalam js Ia dilaksanakan serta-merta selepas halaman dimuatkan. Hanya ini yang sama dengan window.onload
Tetapi window.onload hanya boleh menulis satu, tetapi $(function(){ }) boleh menulis berbilang
Apabila tiada singkatan, ia adalah $(document)ready(function(){ })

//Gaya operasi rantai:

    $(".level1>a").click(function(){
      $(this).addClass("current") //给当前元素添加"current"样式
      .next().show(); //下一个元素显示
      .parent().siblings()//父元素的同辈元素
      .children("a") //子元素<a>
      .removeClass("current")//移出"current"样式
      .next().hide();//他们的下一个元素隐藏
    return false;
    })

//Tukar objek jQuery kepada objek DOM:

1 Objek jQuery ialah objek seperti tatasusunan, dan objek DOM yang sepadan boleh diperolehi melalui kaedah [index]

var $cr = $("#cr");//objek jQuery

          var cr = $[0]; //objek DOM

2 Kaedah lain disediakan oleh jQuery sendiri, dan objek DOM yang sepadan diperolehi melalui kaedah get(index)

var $cr = $("#cr");//objek jQuery

          var cr = $cr.get(0);//objek DOM

//Tukar objek DOM kepada objek jQuery:

Untuk objek DOM, anda hanya perlu membalut objek DOM dengan $() untuk mendapatkan objek jQuery.

Kaedahnya ialah: $(DOM object);

var cr = document.getElementById("cr");//objek DOM

        var $cr = $(cr); //jQuery object

//Selesaikan konflik:

1 Jika perpustakaan JS lain bercanggah dengan perpustakaan jQuery, kami boleh memanggil fungsi jQuery.noConflict() pada bila-bila masa untuk memindahkan kawalan pembolehubah $ ke perpustakaan JavaScript lain

    var $jaovo = jQuery.noConflict();
    $jaovo(function(){
      $jaovo("p").click(function(){
        alert($jaovo(this).text());
      });
    });

2 Anda boleh menggunakan "jQuery" terus untuk melakukan beberapa kerja jQuery

    jQuery(function(){
      jQuery("p".click(function(){
        alert(jQuery(this).text());
      }));
    });

//pemilih jQuery

1 Pemilih Asas
Pemilih asas ialah pemilih yang paling biasa digunakan dalam jQuery dan juga pemilih paling mudah Ia mencari elemen DOM melalui id elemen, kelas dan nama tag

//jQuery :

Hanya dapatkan objek label Ia adalah tatasusunan

//pemerolehan objek jQuery:

$("p");//Dapatkan semua objek tag p ---- Objek yang diperoleh ialah tatasusunan
$("#aa");//Dapatkan objek tag dengan id aa --- Objek yang diperoleh ialah tatasusunan
$(".aaa");//Dapatkan objek tag dengan kelas aaa --- Objek yang diperoleh ialah tatasusunan

//Penukaran antara objek jQuery dan objek DOM:

Kaedah jQuery dan kaedah DOM tidak boleh digunakan (dipanggil) antara satu sama lain, tetapi objek boleh ditukar antara satu sama lain
$("p");//ialah objek jQuery
Document.documentElementsTagName("p");//Ia ialah objek DOM
$(document.documentElementsTagName("p"));//Tukar objek DOM ke objek jQuery
$("p").get(1);//Ia ialah objek DOM,
Get(1); mewakili digit kedua tatasusunan p, (subskrip 1 ialah digit kedua)
$($("p").get(1));//Objek jQuery ditukar menjadi

//objek jQuery ditukar kepada objek DOM:

1 Objek jQuery ialah objek seperti tatasusunan, dan objek DOM yang sepadan boleh diperolehi melalui kaedah [index]
        var $cr = $("#cr");//objek jQuery
          var cr = $[0]; //objek DOM
2 Kaedah lain disediakan oleh jQuery sendiri, dan objek DOM yang sepadan diperolehi melalui kaedah get(index)
        var $cr = $("#cr");//objek jQuery
          var cr = $cr.get(0);//objek DOM

//objek DOM ditukar kepada objek jQuery:

Untuk objek DOM, anda hanya perlu membalut objek DOM dengan $() untuk mendapatkan objek jQuery.
Kaedahnya ialah: $(DOM object);

var cr = document.getElementById("cr");//objek DOM
        var $cr = $(cr); //jQuery object

//Buat elemen:

        $("1a13e0f18c2398e8800483d008584a7e123bed06894275b65c1ab86501b08a632eb");//Buat 25edfb22a4f469ecb59f1190150159c6 dengan atribut title=other dan kandungan 123
​​​​Nod elemen (nama label) Nod atribut (tajuk atribut='xxx') Label teks (123)

//text() nod teks:

text(): fungsi/kaedah untuk mendapatkan teks dalaman teg yang dipilih (kandungan boleh dilihat oleh mata manusia)
                                                                                                            var li = $("li").text();//Dapatkan data dalam nod teks li (iaitu kandungan 123)

//attr() Dapatkan atribut/Tetapkan atribut/Tukar atribut:

            f9c858b17a39ec55ef2776c60045f8c494b3e26ee717c64999d7867364b1b4a3;

var i = $("p").attr("title");//Ini adalah untuk mendapatkan nilai atribut tajuk dalam tag p

           $("p").attr("title"," bbb");//Tukar nilai atribut tajuk dalam tag p kepada bbb

//removeAttr() memadamkan nilai atribut elemen yang ditentukan:  

removeAttr(xx,xx); padamkan nilai atribut

4807ff416576b510095852e8b25afd59Apakah buah kegemaran anda?94b3e26ee717c64999d7867364b1b4a3
$("p").removeAttr('title',"Your least favorite");//Ia adalah untuk memadam nilai atribut tajuk dalam tag p (paling tidak kegemaran anda)

//append() untuk menambah elemen:

Tambahkan elemen anak yang dipadankan pada elemen induk yang ditentukan.

Panggilan berantai berfungsi: Mengapakah panggilan berantai boleh digunakan?
Ini kerana fungsi sebelumnya masih mengembalikan objek yang dipanggil
Contohnya, a.append(b).append(c) di bawah a ialah objek teg induk Panggil fungsi untuk menambah b padanya dan nilai yang dikembalikan masih menjadi objek a, jadi anda juga boleh memanggil fungsi dan tambah c padanya

//a, b dan c adalah semua objek label

var $li_1 = $("25edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb");//Hanya nod elemen dicipta
            var $li_2 = $("25edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb");
            var $parent = $("ul");

$parent.append($li_1).append($li_2);
a.append(b);//Tambah b pada penghujung a (tambah), a ialah teg induk dan b ialah teg anak
a.append(c);//Tambah c pada penghujung a (tambah), a ialah teg induk dan c ialah teg anak
a.append(b).append(c);//Tambah b dan c pada a B dan c ialah rakan sebaya, tetapi b berada di atas c (tambahan panggilan berantai)
a.prepend(b)//Tambah b ke hadapan a a ialah tag induk b ialah tag anak
a.insertAfter(b);//Tambahkan a pada bahagian belakang b (daripada generasi yang sama)

a.insertBefore(b);//Tambahkan a pada hadapan b (daripada generasi yang sama)
//Panggil nod mudah alih
//Masukkan elemen yang ditentukan kami di hadapan elemen yang dipadankan (elemen yang ditentukan.insertBefore("elemen yang dipadankan"))

//appendTo() menambah elemen:

//a ialah objek b ialah nama tag
appendTo(): ​​​​menambah elemen yang ditentukan pada set elemen padanan

$("li").appendTo("ul");//Tambah tag li pada ul
a.appendTo("b"); //Ya, b ditambah pada a (a ialah label dan b ialah label)
Elemen yang ditentukan.appendTo(elemen padanan);

//Padam elemen (tersembunyi) alih keluar():

a.remove();//Alih keluar daripada html (tersembunyi)
var $li = $("ul li:eq(1)").remove();//Alih keluar tag li kedua dalam ul eq(1); iaitu elemen li dengan subskrip 1, iaitu elemen li Dua , kerana subskrip bermula dari 0
           $li.appendTo("ul");//Tambah semula elemen yang baru dipadamkan pada ul
            $("ul li").remove("li[title !=Apple]");//Padam semua elemen li dalam elemen ul yang atribut tajuknya bukan milik Apple

//removeAttr() memadamkan nilai atribut bagi elemen yang ditentukan:

removeAttr(xx,xx); padamkan nilai atribut
4807ff416576b510095852e8b25afd59Apakah buah kegemaran anda?94b3e26ee717c64999d7867364b1b4a3
$("p").removeAttr('title',"Your least favorite");//Ia adalah untuk memadam nilai atribut tajuk dalam tag p (paling tidak kegemaran anda)

//Kosongkan kosong():

         $("ul li:eq(1)").empty();//Cari elemen li kedua dalam ul dan padam kandungannya, (nod teks,25edfb22a4f469ecb59f1190150159c6kandungan(nod teks)3c7c12f865179312078b010abe16eeb2Buah yang paling tidak digemari teman wanita anda ialah???128dba7a3a77be0113eb0bea6ea0a5d0");//Gantikan keseluruhan tag p dengan < ;strong>Apakah kepunyaan teman wanita anda buah yang paling tidak digemari???128dba7a3a77be0113eb0bea6ea0a5d0

//Jika terdapat berbilang ps dan anda hanya mahu menggantikan satu

          $($("p") tag digantikan
Anda juga boleh menambah ID pada teg yang ingin anda ganti, iaitu, hanya satu akan diganti
              $("#abc").replaceWith("25edfb22a4f469ecb59f1190150159c6Saya menggantikan teg dengan id abcbed06894275b65c1ab86501b08a632eb")

//gantikanSemua():
$("8e99a69fbe029cd4e2b854e244eab143Apakah buah yang paling tidak disukai ibu anda???128dba7a3a77be0113eb0bea6ea0a5d0").replaceAll("#abc");//Yang pertama menggantikan yang kedua dengan ID #abc Tag itu
               $("25edfb22a4f469ecb59f1190150159c6Saya telah menggantikan semua teg pbed06894275b65c1ab86501b08a632eb").replaceAll("p"); // Bahagian hadapan menggantikan yang berikut

//Balut balut() wraoAll() balutBatin() :

//bungkus() :

wrap(): Balut elemen yang dipadankan dengan teg HTML baharu.
objek label (dibalut) b ialah label (dibalut dengan label b)
         Semua tag akan dibalut
            a.wrap(b);
//Jika terdapat teg, bungkusnya ke dalam:
                                                                                                                                                                                                                                                                                                             keluar                                                                                                              40b863b9cce496de7b1655aed74670e772ac96585ae54b6ae11f849d2649d9e6");//Tambahkan teg induk pada teg p, iaitu, balut teg p dengan teg 5a8028ccc7a7e27417bff9f05adf5932 ;i> ;e388a4556c0f65e1904146cc1a846beeSaya p tag94b3e26ee717c64999d7867364b1b4a372ac96585ae54b6ae11f849d2649d9e6
           /*
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          72ac96585ae54b6ae11f849d2649d9e6
             */


//wrapAll() :

wrapAll(): Balut semua label bersama-sama Walaupun label yang akan dibalut tidak bersama dan terdapat label lain di tengah, label yang akan dibalut akan digerakkan bersama dan dibalut bersama
//Sebelum bungkusan
                                                                                                                                                                                                                                                                                                                                                    e388a4556c0f65e1904146cc1a846beeaaa94b3e26ee717c64999d7867364b1b4a3
                                                                                                                                                                                                                                                                                              ​​​​ a.wrapAll(b);//Semua pakej
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              e388a4556c0f65e1904146cc1a846beeaaa94b3e26ee717c64999d7867364b1b4a3
Selepas balut seperti ini, kedudukan output akan berubah, dan kesannya juga akan berubah


//wrapInner() :


wrapInner(): Tambahkan teg yang ditentukan pada kandungan dalam teg yang sepadan (bersamaan dengan menambahkan sub-teg pada teg asal dan menyimpan kandungan teks teg induk)
                                                                                                                                                                                                                                   a.wrapInner("b");//Hasilnya ialah: 3499910bf9dac5ae3c52d5ede7383485a4b561c25d9afb9ac8dc4d70affff4191230d36329ec37a2cc24d42c7229b69747a5db79b134e9f6b82c0b36e0489ee08ed Gunakan teg b untuk menyertakan kandungan dalam

                                                                                                                                                                                                                                                                                                                                                                                    $("li").wrapInner("5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6");//Hasilnya ialah: d5b01ed333f292e161ef5c96ce4fe97f5a8028ccc7a7e27417bff9f05adf5932Apple72ac96585ae54b6ae11f849d2649d9e62867e861ba23559b572f230426ab14ea           6ec3bfc2be99a37ee6d43b930f84f6a0

                                          5a8028ccc7a7e27417bff9f05adf5932Apple72ac96585ae54b6ae11f849d2649d9e6                                                                                                                                                                                                                                    

//Kesan menukar toggleClass():

Ia merujuk kepada penukaran antara kesan Terdapat kesan apabila tiada penukaran untuk kali pertama Apabila bertukar, ia merujuk kepada kesan yang terdiri daripada semua kelas
Ini bermakna bertukar-tukar antara kesan semasa dan kesan yang ditentukan
           080b747a20f9163200dd0a7d304ba388
         .tinggi{
                      berat fon: tebal;     /* Fon tebal */

                                                                                                        }

.satu lagi{                gaya fon:italic;               warna:biru;
}

                                                                                                                                                                                                                                                  5d19000ef2229796eac71c18ccd4a3a4Apakah buah kegemaran anda?94b3e26ee717c64999d7867364b1b4a3

$("p").toggleClass("lain ");//Sebenarnya, ia menukar kelas apabila fungsi ini dicetuskan, ia bersamaan dengan menukar yang lain dan ketinggian Seperti yang ditetapkan di atas, apabila kelas tinggi, Ia adalah dalam fon merah Apabila kelas itu lain, ia dalam fon biru
Oleh itu, apabila fungsi ini dicetuskan, warna akan berubah sekali Setelah ia dicetuskan, ia hanya bertukar antara kelas Ia adalah teg kelas dan p selepas $("p").toggleClass(" lain") Tukar kelas asal di dalam


//Tentukan sama ada elemen mengandungi gaya tertentu hasClass():


$("p").hasClass("MyClass");//Tentukan sama ada terdapat atribut kelas dalam tag p iaitu MyClass
$("p").is("MyClass");//Sama seperti di atas


//html() dan teks():

          4807ff416576b510095852e8b25afd598e99a69fbe029cd4e2b854e244eab143Apakah buah kegemaran anda?128dba7a3a77be0113eb0bea6ea0a5d094b3e26ee717c64999d7867364b1b4a3
$("p").html();//Ia ialah teg p Kandungan antara dua teg (e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3) adalah bersamaan dengan innerHTML p, iaitu:             $("p").text();//Ia ialah data teks (nod teks) dalam teg p, iaitu: Apakah buah kegemaran anda?

//Dapatkan dan hilangkan fokus fokus() blur() :

fokus(): Dapatkan fokus
         blur(): hilang fokus
Fokus (kaedah dan pernyataan yang perlu dilaksanakan untuk mendapatkan fungsi fokus () {Pernyataan Operasi})
                 $("Nama teg (#nama ID) (.nama kelas)").kabur(kaedah dan pernyataan yang perlu dilaksanakan apabila kehilangan fungsi fokus(){operasi pernyataan})

//Dapatkan/tukar nilai() nilai defaultValue:

                          46e67766230bf9106693e3a410b946d6 $("input").val();//Ini ialah nilai untuk mendapatkan nilai
            $("input").val("Akaun ialah ****");//Ini ialah nilai untuk menukar nilai
Hasilnya ialah: b4e23a462899cdb2ede2144ffa350525

//Nilai lalai:

Mewakili nilai lalai nilai, iaitu nilai yang ditetapkan semasa menulis kod, kemudian nilai lalai
         Biasanya digunakan untuk penghakiman
Jika (txt_value == ""){//Maksudnya, jika nilai kosong, tetapkan nilai lalai permulaan kepada nilai
Digunakan untuk menetapkan kotak input. Jika kotak input tidak mengeluarkan apa-apa, nilai lalai akan dimasukkan (Apabila kotak input tidak mendapat fokus, nilai lalai akan dipaparkan dalam kotak input. Selepas mendapat fokus, lalai. nilai akan dialih keluar jika pelanggan tidak memasukkan perkara, dan nilai lalai akan diberikan kembali kepada nilai, yang digunakan untuk mengingatkan pelanggan bahawa tiada apa yang telah dimasukkan)
          $("input").val($("input").defaultValue)
}

//Lihat bilangan elemen kanak-kanak kanak-kanak() (elemen kanak-kanak sahaja, elemen kanak-kanak elemen kanak-kanak, tidak dikira, elemen kanak-kanak langsung ialah elemen kanak-kanak):

$("tag").kanak-kanak();

Objek jQuery tag.children();
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  ...          5db79b134e9f6b82c0b36e0489ee08ed
           $("a").children();//Itulah 2 Kerana elemen anak a hanyalah b dan d

$("b").children();//Ia adalah 1 kerana b hanya mempunyai satu elemen anak, c

$("d").children();//Ia adalah 0 kerana d tidak mempunyai elemen anak

//Elemen adik beradik, seterusnya(), sebelum(), adik beradik():

seterusnya();//Elemen seterusnya daripada generasi yang sama

          prev();//Elemen sebelumnya daripada generasi yang sama

adik beradik();//Semua elemen adik beradik a4b561c25d9afb9ac8dc4d70affff4191230d36329ec37a2cc24d42c7229b69747a 4807ff416576b510095852e8b25afd59Apakah buah kegemaran anda?94b3e26ee717c64999d7867364b1b4a3 ff6d136ddc5fdfeffaf53ff6ee95f185

d5b01ed333f292e161ef5c96ce4fe97fApplebed06894275b65c1ab86501b08a632eb

6bc52f1c677439c7fa7b522830632390Orenbed06894275b65c1ab86501b08a632eb
af2763399452c965f796f0b27a8cfa3cNanasbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
5a8028ccc7a7e27417bff9f05adf593245672ac96585ae54b6ae11f849d2649d9e6

// Contoh: seterusnya()

var p= $("p").next();
p.html();//Kandungan elemen seterusnya rakan sebaya elemen p (bersamaan dengan innerHTML), hasilnya ialah:
& Lt; li tajuk = 'epal' & gt;                                                                                                                                                                                                                                                                                                                                                               6bc52f1c677439c7fa7b522830632390Oren ------------------------
// sebelum()

var p = $("p").sebelumnya();
           p.html();//Ia adalah digit sebelumnya bagi unsur setara p, iaitu unsur b html() bagi unsur b ialah 123, jadi ia ialah 123

123

-------------------------

// adik beradik()

var p = $("p").siblings();//Semua elemen kini tatasusunan
p.html(); //Ini hanya 123, kerana ia adalah array Jika ia adalah output, yang pertama adalah output, jadi kandungan tag b ialah 123. Anda perlu melintasi untuk melihat semua kandungan <.> for(var i =0;p.length;i ){

alert(p[i].innerHTML);//Ini semua kandungan, mengapa menggunakan innerHTML?

//Oleh kerana p ialah objek jQuery, apabila objek jQuery diikuti oleh subskrip, ia adalah objek DOM, jadi anda hanya boleh menggunakan innerHTML Ini mempunyai fungsi yang sama dengan kaedah html() bagi objek jQuery,
                  //alert(); ialah kotak pop timbul biasa
//Hasilnya ialah:
123
Apakah buah kegemaran anda?
Epal
Jeruk
Nanas
              456
}


//Mekanisme delegasi acara:

Mekanisme perwakilan acara: Kami perlu mencari elemen dan menukar atributnya, tetapi kami tidak tahu sama ada kami boleh mencari elemen ini, jadi kami menggunakan pembolehubah sementara untuk mewakilkan acara kepadanya, dan kemudian mencari elemen . Setelah ditemui, kami Majukan kejadian itu kepada
// $(pembolehubah tersuai.sasaran).closest("elemen yang anda cari").css("atribut selepas mencari", "ubah nilai atribut")

 

//Di sini, mulakan carian daripada mengklik pada objek (jika anda mengklik pada a, anda akan mula-mula mencari a, kemudian cari span, kemudian cari p, kemudian cari badan, sehingga anda menemui tag yang betul, anda akan berhenti mencari dalam talian)

                $(document).bind("klik",fungsi(e){

                   $(e.sasaran).paling dekat("badan").css("warna","merah");
                 })
//$(document).bind("klik",fungsi("p"){
// $ ("p") ("color", "red");                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     //

                       //dokumen: mewakili keseluruhan dokumen saya mahu memadankan objek yang tidak pasti dalam dokumen, jadi saya menggunakan borang ini
                        //e: merujuk kepada elemen tertentu yang kita cari, ia adalah nilai tidak spesifik, $(e.target) ialah objek tidak spesifik
                    // Daripada padanan kami yang tidak spesifik, sesiapa yang sepadan ialah dia
                                                                                                               4807ff416576b510095852e8b25afd59
                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       dalam  Dalam                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  dalam                                                     929d1f5ca49e04fdcb27f9465b944689
                                                                                              

//Dapatkan jidar kiri dan jidar atas objek mengimbangi():


Penggunaan:
               jQuery object.offset();
               objek jQuery.offset().kiri/atas;
           var $p = $("p").offset();//Dapatkan jidar kiri dan jidar atas p, iaitu tatasusunan
           $p.left;//Nilai yang diperoleh ialah jidar kiri
           $p.top;//Nilai yang diperoleh ialah margin atas

//Tetapkan koordinat dan paparan, tunjukkan():

Object.css().show("perlahan(perlahan)"/"biasa(biasa)"/"cepat(cepat)");

​ Rentetan daripada satu daripada tiga kelajuan yang telah ditetapkan ("perlahan", "biasa", "cepat") atau nilai milisaat yang mewakili tempoh animasi (seperti: 1000)
          $("#id"). mouseover(fungsi(e){
//e adalah bersamaan dengan acara
dalam js asli //Buat elemen div, objek acara yang dicetuskan oleh e (mouseover), ini mewakili objek sumber acara (merujuk kepada teg html) apabila dicetuskan
            var tooltip = "c4f2e5f2cda17ebc51ceca5f4bbed902" this.title "16b28748ea4df4d9c2150843fecfba68";
                                             $("badan").tambah(petua alat); //Lampirkan pada dokumen

                   $("#tooltip").css({

"atas":e.pageY "px", "kiri":e.pageX "px", "lebar":"300px"

}).show("fast"); //Tetapkan koordinat x dan y dan paparkannya. E di sini ialah koordinat persimpangan antara acara dan tetikus apabila sumber acara mencetuskan acara ini nyatakan ini Koordinat sudut kiri atas kotak

                 })