Rumah > Artikel > hujung hadapan web > Ringkasan JQuery basic syntax_jquery

Ringkasan JQuery basic syntax_jquery

WBOYasal: 2016-05-16 16:12:231033semak imbas

1. $(document) menukar objek dokumen kepada jquery

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){

alert("hello world");

});

2. Dapatkan semua objek hiperpautan dan tambahkan acara onclick Malah, objek jquery yang mendasari memperoleh tatasusunan setiap teg, jadi kita tidak perlu menggelungkan

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){

$("a").klik(fungsi(){

alert("hello world");

});

});

3 Penukaran antara objek jquery dan objek dom

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){

var javascriptElement = document.getElementById("clickme");

//Tukar objek dom kepada objek jquery

var jqueryElement = $(javascriptElement);

//alert("javascript:" javascriptElement.innerHTML);//innerHTML mendapat kandungan tag

//alert("jquery:" jqueryElement.html());

//Tukar jquery kepada kaedah objek dom 1

var jElement = $("#clickme");

var javascriptEle = jElement[0];

alert("jquery1: " javascriptEle.innerHTML);

//Kaedah 2

var javascriptEle2 = jElement.get(0);

alert("jquery2: " javascriptEle2.innerHTML);

});

4 jquery menyelesaikan masalah sama ada nilai id wujud

Salin kod Kod adalah seperti berikut:

klik saya