Rumah hujung hadapan web tutorial js ownerdocument是什么意思?它是怎么使用的

ownerdocument是什么意思?它是怎么使用的

Jun 16, 2017 pm 02:35 PM
bagaimana bermakna apa yang

根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用$("") 或 $("") ,但不推荐 $("")。在jQuery 中,这个语法等同于$(document.createElement("span")) 。

在jQuery 1.8中,通过$(html,props), 您可以使用任何jQuery对象的方法或插件。在此之前,你只能使用一个方法名的短名单,并有没有成文的方式添加到列表中。现在并不需要是一个列表,在所有!然而,请注意,这可能会导致你的代码的行为改变,如果插件添加后,有相同的名称作为HTML属性。

jQuery( html [, ownerDocument] )、jQuery( html, props )

如果传入的字符串参数看起来像一段HTML代码(例如,字符串中含有),jQuery则尝试用这段HTML代码创建新的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。例如,下面的代码将把HTML代码转换成DOM元素并插入body节点的末尾:

$(&#39;<p id="test">My <em>new</em> text</p>&#39;).appendTo(&#39;body&#39;);
Salin selepas log masuk

如果HTML代码是一个单独标签,例如,$('')或$(''),jQuery会使用浏览器原生方法document.createElement()创建DOM元素。如果是比单独标签更复杂的HTML片段,例如上面例子中的$('

Mynewtext

'),则利用浏览器的innerHTML机制创建DOM元素,这个过程由方法jQuery.buildFragment()和方法jQuery.clean()实现,相关内容分别在2.4节和2.5节介绍和分析。

第二个参数ownerDocument用于指定创建新DOM元素的文档对象,如果不传入,则默认为当前文档对象。

如果HTML代码是一个单独标签,那么第二个参数还可以是props,props是一个包含了属性、事件的普通对象;在调用document.createElement()创建DOM元素后,参数props会被传给jQuery方法.attr(),然后由.attr()负责把参数props中的属性、事件设置到新创建的DOM元素上。

参数props的属性可以是任意的事件类型(如“click”),此时属性值应该是事件监听函数,它将被绑定到新创建的DOM元素上;参数props可以含有以下特殊属性:val、css、html、text、data、width、height、offset,相应的jQuery方法:.val()、.css()、.html()、.text()、.data()、.width()、.height()、.offset()将被执行,并且属性值会作为参数传入;其他类型的属性则会被设置到新创建的DOM元素上,某些特殊属性还会做跨浏览器兼容(如type、value、tabindex等);可以通过属性名class设置类样式,但要用引号把class包裹起来,因为class是JavaScript保留字。例如,在下面的例子中,创建一个p元素,并设置类样式为“test”、设置文本内容为“Click me!”、绑定一个click事件,然后插入body节点的末尾,当点击该p元素时,还会切换类样式test:

$("<p/>", {  
   "class": "test",  
   text: "Click me!",  
   click: function(){  
     $(this).toggleClass("test");  
   }  
}).appendTo("body");
Salin selepas log masuk

示例代码:

动态创建一个 p 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。

jQuery 代码:

$("<p><p>Hello</p></p>").appendTo("body");
Salin selepas log masuk

描述:

创建一个 元素必须同时设定 type 属性。因为微软规定 元素的 type 只能写一次。

jQuery 代码:

// 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type=&#39;checkbox&#39;>");
Salin selepas log masuk

描述:

动态创建一个 p 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。

jQuery 代码:

$("<p>", {

  "class": "test",

  text: "Click me!",

  click: function(){

    $(this).toggleClass("test");

  }

}).appendTo("body");
Salin selepas log masuk

描述:

创建一个 元素,同时设定 type 属性、属性值,以及一些事件。

jQuery 代码:

$("<input>", {

  type: "text",

  val: "Test",

  focusin: function() {

    $(this).addClass("active");

  },

  focusout: function() {

    $(this).removeClass("active");

  }

}).appendTo("form");
Salin selepas log masuk

jQuery( html, [ownerDocument] ) 的用途是通过 html 字符串创造相应的 node 节点,jQuery 分为了两种情况,一种是 html 是由一个标签组成的 html 字符串,比如

<span>I&#39;m a SPAN</span>
Salin selepas log masuk

这时, jQuery 会使用正则表达式匹配出这个 tag 的 tag name ,然后使用

document.createElement( tagName )
Salin selepas log masuk

来生成这个 node ,而对于多个标签(还包括单个标签的前后有空白字符串)的情况,会这么处理:

先用 document.createDocumentFragment 创建一个 documentFragment

然后 用 document.createElement('p') ,创建一个 p

然后再 p.innerHTML = html ,创建 html 字符串对应的 node 节点

然后从 p 中得到这些节点,并返回

Atas ialah kandungan terperinci ownerdocument是什么意思?它是怎么使用的. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah jenis proses ccsvchst.exe? Apakah jenis proses ccsvchst.exe? Feb 19, 2024 pm 11:33 PM

ccsvchst.exe ialah fail proses biasa yang merupakan sebahagian daripada perisian Symantec Endpoint Protection (SEP), dan SEP ialah penyelesaian perlindungan titik akhir yang dibangunkan oleh syarikat keselamatan rangkaian terkenal Symantec. Sebagai sebahagian daripada perisian, ccsvchst.exe bertanggungjawab untuk mengurus dan memantau proses berkaitan SEP. Pertama, mari kita lihat SymantecEndpointProtection(

Apakah yang dimaksudkan dengan kunci anjakan Apakah kegunaan kunci anjakan? Apakah yang dimaksudkan dengan kunci anjakan Apakah kegunaan kunci anjakan? Feb 22, 2024 pm 05:28 PM

Nama Cina bagi kunci Shift ialah kunci shift. Analisis: Nama Cina bagi kunci 1Shift ialah kunci anjakan Ia boleh digunakan dengan banyak kekunci, jadi ia mempunyai banyak fungsi. Gunakan kekunci 2shift untuk menukar kaedah input, dan tahan kekunci Shift untuk memilih berbilang fail secara berterusan. 3. Anda boleh membatalkan permulaan automatik perisian semasa but. Jika anda terus menahan kekunci Shift semasa menghidupkan komputer, semua item permulaan yang telah ditetapkan akan dibatalkan. 4. Pilih fail yang ingin anda padamkan, kemudian tekan dan tahan kekunci Shift, dan kemudian tekan kekunci Padam Kemudian anda boleh memadam fail tersebut secara langsung. Tambahan: Apakah maksud kekunci pintasan? 1 Kekunci pintasan merujuk kepada melengkapkan operasi melalui kekunci tertentu, urutan kekunci atau kombinasi kekunci yang sering dikaitkan dengan Ct

Bagaimana untuk menyediakan fungsi but papan kekunci pada papan induk GIGABYTE (dayakan mod but papan kekunci pada papan induk GIGABYTE) Bagaimana untuk menyediakan fungsi but papan kekunci pada papan induk GIGABYTE (dayakan mod but papan kekunci pada papan induk GIGABYTE) Dec 31, 2023 pm 05:15 PM

Bagaimana untuk menyediakan permulaan papan kekunci pada papan induk Gigabyte Pertama, jika ia perlu menyokong permulaan papan kekunci, ia mestilah papan kekunci PS2! ! Langkah-langkah tetapan adalah seperti berikut: Langkah 1: Tekan Del atau F2 untuk memasuki BIOS selepas but, dan masukkan mod Lanjutan (Lanjutan) BIOS Papan induk biasa masukkan mod EZ (Mudah) papan induk secara lalai untuk menekan F7 untuk beralih ke mod Lanjutan papan induk siri ROG masukkan BIOS secara lalai (kami menggunakan Bahasa Cina Mudah untuk menunjukkan) Langkah 2: Pilih untuk - [Lanjutan] - [Pengurusan Kuasa Lanjutan (APM)] Langkah 3: Cari pilihan [Bangun dengan papan kekunci PS2] Langkah 4: Pilihan lalai ini Dilumpuhkan Selepas menarik ke bawah, anda boleh melihat tiga pilihan tetapan yang berbeza, termasuk menekan [bar ruang] untuk menghidupkan komputer dan menekan butang kumpulan.

Apakah maksud demo? Apakah maksud demo? Feb 12, 2024 pm 09:12 PM

Perkataan demo bukan lagi asing bagi rakan-rakan yang gemar menyanyi, tetapi ramai pengguna yang tidak pernah didedahkan dengannya tertanya-tanya apakah maksud demo. Sekarang mari kita lihat maksud demo yang dibawakan oleh editor. Apakah maksud demo? 1. Sebutan demo ialah ['deməʊ] dalam bahasa Inggeris dan ['demoʊ] di Amerika 2. Demo ialah singkatan daripada "demonstrasi", yang secara amnya merujuk kepada kesan awal mendengar lagu sebelum dirakam secara rasmi. 3. Demo digunakan sebagai kata nama untuk merujuk kepada pita contoh dan rekod sampel Maksud kata kerja ialah percubaan (terutama perisian), demonstrasi dan tunjuk cara;

Apakah analisis skrin 2.8k? Apakah analisis skrin 2.8k? Jan 02, 2024 pm 12:21 PM

Kita sering melihat pengenalan bilangan K skrin yang kita ada semasa membeli TV, komputer atau telefon mudah alih, seperti skrin 2.8K. Pada masa ini, akan ada rakan yang tidak tahu sangat tentang peranti elektronik dan akan tertanya-tanya tentang maksud skrin 2.8K ini dan apakah resolusinya. Apakah maksud skrin 2.8k? Jawapan: Skrin 2.8k bermakna resolusi skrin ialah 2880*18002K, bermakna bilangan piksel mendatar adalah lebih besar daripada 2000. Untuk skrin saiz yang sama, lebih tinggi resolusi, lebih baik kualiti gambar . Pengenalan kepada peleraian 1. Memandangkan titik, garisan dan permukaan pada skrin semuanya terdiri daripada piksel, lebih banyak piksel yang boleh dipaparkan oleh monitor, lebih halus gambar dan lebih banyak maklumat boleh dipaparkan dalam kawasan skrin yang sama. 2. Lebih tinggi resolusi, lebih banyak bilangan piksel, dan lebih tajam imej deria.

Apakah maksud pepijat permainan? Apakah maksud pepijat permainan? Feb 18, 2024 am 11:30 AM

Apakah yang dimaksudkan dengan pepijat permainan? Semasa proses bermain permainan, kami sering menghadapi beberapa ralat atau masalah yang tidak dijangka, seperti watak tersekat, tugas tidak dapat diteruskan, skrin berkelip, dsb. Fenomena abnormal ini dipanggil pepijat permainan, iaitu, kesalahan atau kesilapan dalam permainan. Dalam artikel ini, kami akan meneroka maksud pepijat permainan dan kesannya terhadap pemain dan pembangun. Pepijat permainan merujuk kepada ralat yang berlaku semasa pembangunan atau pengendalian permainan, menyebabkan permainan gagal berjalan seperti biasa atau berkelakuan di luar jangkaan. Kesilapan ini mungkin disebabkan oleh

Apakah maksud kod ralat pencetak 0x0000011b? Apakah maksud kod ralat pencetak 0x0000011b? Feb 18, 2024 pm 10:02 PM

Apakah maksud 0x0000011b apabila menyambung kepada pencetak Pengguna sering menghadapi pelbagai kod ralat apabila menggunakan komputer, komputer riba atau peranti lain? Antaranya, 0x0000011b ialah kod ralat sambungan pencetak biasa. Jadi, apakah maksud menyambung pencetak 0x0000011b? Pertama, kita perlu memahami prinsip asas sambungan pencetak. Apabila kita perlu mencetak fail dari komputer, kita biasanya perlu menyambungkan pencetak ke komputer untuk pemindahan data antara kedua-duanya. Sambungan ini boleh dibuat melalui

Pengenalan terperinci tentang maksud ENABLED Pengenalan terperinci tentang maksud ENABLED Jul 07, 2023 pm 08:17 PM

didayakan boleh dilaksanakan. didayakan bermaksud: boleh diaktifkan. Didayakan; dilumpuhkan bermaksud: rosak. penutupan. Terdapat tetapan bios pada komputer. Kedua-dua perkataan ini merujuk kepada kegagalan dan kebolehlaksanaan. Mari kita terangkan secara terperinci maksud yang didayakan. Jom tengok. 1. "Dilumpuhkan" juga boleh bermaksud tidak tersedia, dilumpuhkan atau projek ditutup selepas ditetapkan. 2. "Didayakan" bermakna ia boleh digunakan, dihidupkan dan didayakan. 3. Oleh itu, apabila kita menetapkan bios, kita harus menetapkan fungsi untuk didayakan, dan untuk melumpuhkan fungsi, kita hanya perlu menetapkannya kepada dilumpuhkan. Sudah tentu, beri perhatian untuk menyimpan selepas menetapkan, biasanya F10 untuk menyimpan. Perkara di atas ialah ENABLED

See all articles