Apakah fungsi teras jquery

青灯夜游
青灯夜游asal
2021-11-15 16:24:122765semak imbas

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.

Apakah fungsi teras jquery

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

fungsi teras jQuery

函数 描述
jQuery() 接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。
jQuery.noConflict() 运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。

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

Atribut Penerangan
pemilih
属性 说明
selector String类型 指定的选择器字符串,用于查找对应的DOM元素。
context 可选/Object类型 指定选择器字符串的查找范围,可以是DOM元素、DOM元素数组、文档、jQuery对象。如果省略该参数,默认为当前文档。
obj 可选/Object类型 指定的对象,用于封装为jQuery对象。可以是DOM元素、DOM元素数组、文档、jQuery对象等。
html Object类型 指定的HTML标签字符串,例如"a6f776b766579c28d02706af09482172"、"e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3"、"9a4b06dcac8449df108f039ca54939d094b3e26ee717c64999d7867364b1b4a3"(标签中也可以嵌套标签,只要符合html语法即可)。
ownerDocument Document类型 指定DOM元素在哪个文档上进行临时创建,默认为当前文档。
properties Object类型 指定的对象,用于指定DOM元素的属性、事件和方法。例如:{name:”username”, “click”:function(){}}
callback Function类型 指定的函数,用于在DOM文档加载完成后立即执行。
Jenis rentetan Rentetan pemilih yang ditentukan, digunakan untuk mencari elemen DOM yang sepadan.
konteks Pilihan/Jenis objek Menentukan julat carian rentetan pemilih, yang boleh menjadi elemen DOM atau tatasusunan elemen DOM, dokumen, objek jQuery. Jika parameter ini ditinggalkan, ia lalai kepada dokumen semasa.
obj Pilihan/Jenis objek Objek yang ditentukan digunakan untuk merangkum objek jQuery. Ia boleh menjadi elemen DOM, pelbagai elemen DOM, dokumen, objek jQuery, dsb.
html Jenis objek rentetan teg HTML yang ditentukan, seperti "a6f776b766579c28d02706af09482172", " e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3", "d0659237eeb5c5f8cf72d25d81da40c994b3e26ee717c64999d7867364b1b4a3" (teg juga boleh bersarang dalam teg, selagi ia mematuhi sintaks html) .
ownerDocument Jenis dokumen Menentukan dokumen di mana elemen DOM dibuat buat sementara waktu. Lalai ialah dokumen semasa.
sifat Jenis objek Objek yang ditentukan digunakan untuk menentukan sifat, peristiwa dan kaedah elemen DOM. Contohnya: {name:”username”, “click”:function(){}}
callback Function type ditentukan Fungsi ini digunakan untuk melaksanakan serta-merta selepas dokumen DOM dimuatkan.

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元素数组封装为jQuery对象
$(doms);

// 将body元素封装为jQuery对象
$(document.body);
  • jQuery( html, [ ownerDocument ])Kod sampel:
// 创建一个空的span标签的临时DOM元素,并将其封装为jQuery对象
// 以下三种方式的效果一致
$(&#39;<span/>&#39;);
$(&#39;<span></span>&#39;);
$(&#39;<span>&#39;); // 但不推荐使用这种方式

// 创建一个p标签,内部包含带有test样式的span标签
$(&#39;<p><span class="test"></span></p>&#39;);

// 创建一个表格
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:
// 创建一个临时的链接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(){
        // 统计点击次数       
    }
});
// 追加到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(){
    // 本文档页面载入完成后自动执行
    alert("文档加载完毕!");
});

// 这相当于ready()函数如下用法的简写

$(document).ready(function(){
    // 本文档页面载入完成后自动执行
    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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn