1. Hari ini saya mendapati bahawa sebagai tambahan kepada objek jquery, objek dom yang diperolehi oleh jquery juga boleh mengakses objek asal. Ternyata terdapat fungsi sedemikian, tetapi saya tidak kaji dengan teliti sebelum ini.
2, gunakan first-child, nth-child(n) untuk mendapatkan elemen pertama dalam set elemen.
3. Gunakan Jquery untuk mengakses nod nodeText dengan mengakses objek asal dan nextSibling. Akses ialah nextSibling.nodeValue;
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Zephyr's Document</title> <script src="http://common.cnblogs.com/script/jquery.js"></script> <style type="text/css" media="screen"> /*<![CDATA[*/ /*]]>*/ </style> <script type="text/javascript"> $(function(){ var tempBr=$("br"); tempBr.each(function(index,doElem){ doElem.nextSibling.nodeValue=doElem.nextSibling.nodeValue.replace(/\s{6}/g,""); })}) </script> </head> <body> asdf <br /> " asdf" <br /> " asdf" <br /> " asdf" </body> </html>
4.objek DOM dan penukaran objek jQuery
Kod untuk mendapatkan objek DOM adalah seperti berikut:
//获取DOM对象 var div1 = document.getElementById("div1"); div1.innerHTML = "oec2003";
Kod untuk mendapatkan objek jQuery adalah seperti berikut:
//获取jQuery对象 var div1 = $("#div1"); div1.html("oec2003");
objek jQuery ke objek DOM
//因为ajQuery对象是一个数组对象,所以转换为DOM对象时要用索引的形式 var $div1 = $("#div1"); //jQuery对象 var div1 = $div1[0]; //转换为了DOM对象 var div2 = $div1.get(0); //和上面一行效果一样 div1.innerHTML = "oec2003";
objek DOM ke objek jQuery
//DOM对象转jQuery只需用$包装即可 var div1 = document.getElementById("div1"); var $div1 = $(div1); //转换为了jQuery对象 $div1.html("oec2003");
5. Selesaikan konflik
Kadangkala terdapat senario di mana jQuery digunakan bersama-sama dengan perpustakaan lain atau beberapa fail skrip awam yang ditulis oleh anda sendiri, dan mungkin terdapat masalah konflik $ Terdapat dua situasi untuk menyelesaikan konflik:
1. Pustaka jQuery dirujuk selepas perpustakaan lain, seperti yang ditunjukkan di bawah:
Terdapat takrifan semula $ in common.js, kodnya adalah seperti berikut:
function $(id) { return document.getElementById(id); }
Berikut ialah kod untuk menyelesaikan konflik dalam jQuery Terdapat empat cara:
//方式1 jQuery.noConflict(); //将$控制权移交出去,以前使用$的地方都改用jQuery jQuery(document).ready(function () { alert(jQuery("#span1").html()); }); window.onload = function () { $("span1").innerHTML = "oec2003"; } //方式2 var $j=jQuery.noConflict(); //定义快捷方式 $j(document).ready(function () { alert($j("#span1").html()); }); window.onload = function () { $("span1").innerHTML = "oec2003"; } //方式3 jQuery.noConflict(); //在函数内部继续使用$ jQuery(function ($) { alert($("#span1").html()); }); window.onload = function () { $("span1").innerHTML = "oec2003"; } //方式4 jQuery.noConflict(); //在函数内部继续使用$另一种方式 (function ($) { $(function(){ alert($("#span1").html()); }); })(jQuery); window.onload = function () { $("span1").innerHTML = "oec2003"; }
2. Gunakan perpustakaan jQuery sebelum perpustakaan lain
//如果先引用jQuery脚本,可以不使用noConflict //jQuery.noConflict(); jQuery(document).ready(function () { alert(jQuery("#span1").html()); }); window.onload = function () { $("span1").innerHTML = "oec2003"; }
Di atas adalah semua kandungan yang dikongsi dengan anda dalam artikel ini saya harap anda akan menyukainya.

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

MantisBT
Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

Dreamweaver CS6
Alat pembangunan web visual

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa