Fungsi teras jquery: 1. jQuery(), terutamanya digunakan untuk mendapatkan elemen DOM HTML dan merangkumnya ke dalam objek jQuery 2. "jQuery.noConflict()", digunakan untuk memindahkan pembolehubah "$"; kawalan jQuery.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

fungsi teras jQuery

Penerangan fungsi

jQuery():

fungsi jQuery() adalah daripada jQuery perpustakaan Fungsi teras, segala-galanya dalam jQuery adalah berdasarkan fungsi ini. Fungsi ini digunakan terutamanya untuk mendapatkan elemen DOM HTML dan merangkumnya ke dalam objek jQuery, supaya sifat dan kaedah lain yang disediakan oleh objek jQuery boleh digunakan untuk beroperasi pada elemen DOM.

Fungsi jQuery() sangat berkuasa Ia boleh merangkum pelbagai jenis parameter ke dalam objek jQuery secara bijak.

Sintaks

• jQuery( pemilih, [ konteks ])
  Merangkum elemen DOM HTML yang sepadan dengan pemilih rentetan pemilih ke dalam objek jQuery. Konteks parameter pilihan digunakan untuk menentukan skop pencarian elemen DOM.
• jQuery( [ obj ])
  Merangkumkan obj objek yang ditentukan ke dalam objek jQuery. Objek ini boleh menjadi elemen DOM (Elemen), tatasusunan elemen DOM, objek jQuery (klonkannya) atau objek lain. Anda juga boleh meninggalkan parameter ini, mengembalikan objek jQuery kosong.

jQuery 1.4 menambah penggunaan omiting parameter obj: tanpa menghantar sebarang parameter, objek jQuery kosong akan dikembalikan

• jQuery(html, [ ownerDocument ])
  Secara dinamik mencipta elemen DOM sementara berdasarkan html rentetan tag HTML dan merangkumnya sebagai objek jQuery. Pemilik parameter pilihanDocument digunakan untuk menentukan dokumen di mana elemen DOM sementara dicipta (jika terdapat berbilang dokumen, seperti halaman bingkai).

jQuery 1.0 menambah penggunaan ini.

• jQuery(html, properties)
  Secara dinamik berdasarkan html rentetan tag HTML dan objek sifat yang mengandungi sifat, peristiwa dan kaedah tambahannya . Cipta elemen DOM sementara dan rangkumkannya sebagai objek jQuery.

jQuery 1.4 menambah penggunaan ini.

• jQuery( panggil balik )
  Selepas dokumen semasa dimuatkan, laksanakan panggilan balik fungsi yang ditentukan. Penggunaan ini ialah singkatan daripada penggunaan fungsi ready() berikut: jQuery(document).ready(callback).

jQuery 1.0 menambah penggunaan ini.

Parameter

Nilai pulangan

Nilai pulangan fungsi jQuery() adalah daripada jenis jQuery dan mengembalikan objek jQuery.

Contoh & arahan:

• jQuery( pemilih, [ konteks ])Contoh kod:

// 選擇當前文檔中所有的p標簽DOM元素
$("p");

// 選擇id屬性為username的DOM元素
$("#username");

// 選擇所有包含test樣式的DOM元素，(例如：class="test")
$(".test");

// 選擇所有p標簽中帶test樣式的DOM元素
$("p .test");

• jQuery( [ obj ] Kod sampel:

var dom = document.getElementById("username");
// 將DOM元素封裝為jQuery對象
$(dom);

var doms = document.getElementsByName("book_id");
// 將DOM元素數(shù)組封裝為jQuery對象
$(doms);

// 將body元素封裝為jQuery對象
$(document.body);

• jQuery( html, [ ownerDocument ])Kod sampel:

// 創(chuàng)建一個空的span標簽的臨時DOM元素，并將其封裝為jQuery對象
// 以下三種方式的效果一致
$(&#39;<span/>&#39;);
$(&#39;<span></span>&#39;);
$(&#39;<span>&#39;); // 但不推薦使用這種方式

// 創(chuàng)建一個p標簽，內部包含帶有test樣式的span標簽
$(&#39;<p><span class="test"></span></p>&#39;);

// 創(chuàng)建一個表格
var html = &#39;<table>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>單元格1</td>&#39;;
html += &#39;<td>單元格2</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>單元格3</td>&#39;;
html += &#39;<td>單元格1</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;</table>&#39;;
$(html);

• jQuery(html, properties)Contoh kod:

// 創(chuàng)建一個臨時的鏈接jQuery對象
var tempLink = $(&#39;<a/>&#39;, {
    id: &#39;goback&#39;,
    title: &#39;CodePlayer&#39;,
    html: &#39;CodePlayer&#39;, // 表示鏈接的錨文本，也就是innerHTML的值
    href: &#39;http://www.365mini.com/&#39;,
    click: function(){
        // 統(tǒng)計點擊次數(shù)       
    }
});
// 追加到body標簽內容的末尾
tempLink.appendTo("body");


$(&#39;<input/>&#39;, {
    type: &#39;checkbox&#39;,
    val: &#39;def&#39;, // 表示表單元素的value屬性值或textarea的輸入內容
    click: function(){
        alert("點擊了復選框");
    }
}).appendTo("body");

• jQuery( panggil balik )Kod contoh:

$(function(){
    // 本文檔頁面載入完成后自動執(zhí)行
    alert("文檔加載完畢!");
});

// 這相當于ready()函數(shù)如下用法的簡寫

$(document).ready(function(){
    // 本文檔頁面載入完成后自動執(zhí)行
    alert("文檔加載完畢!");
});

jQuery.noConflict()

Kaedah noConflict() memindahkan kawalan jQuery bagi pembolehubah $

Kaedah ini dikeluarkan . Kawalan jQuery bagi pembolehubah $

Kaedah ini juga boleh digunakan untuk menentukan nama tersuai baharu untuk pembolehubah jQuery

Petua: Kaedah ini berguna apabila pustaka JavaScript lain menggunakan $ untuk fungsinya. Berguna.

Sintaks: jQuery.noConflict(removeAll)

• alih keluar Semua nilai Boolean Menunjukkan sama ada untuk memulihkan sepenuhnya pembolehubah jQuery

  Tutorial video berkaitan yang disyorkan >Tutorial jQuery
(Video)

Atas ialah kandungan terperinci Apakah fungsi teras jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!