jQuery change() วิธีการทำงานอย่างไร

JavaScript เป็นภาษาอเนกประสงค์ที่มีชื่อเสียงซึ่งส่วนใหญ่จะใช้เพื่อเพิ่มฟังก์ชันโต้ตอบให้กับเว็บไซต์ มันมาพร้อมกับไลบรารีชื่อ jQuery ที่ทำงานเหล่านี้ได้อย่างมีประสิทธิภาพ เมธอด jQuery นั้นเป็นการกระทำที่ทำงานเฉพาะโดยไม่ต้องมีส่วนร่วมของโค้ดมากนัก วิธีหนึ่งคือ “ เปลี่ยน() ” วิธีการที่เริ่มเหตุการณ์ 'เปลี่ยนแปลง' เพื่อแจ้งให้ทราบทันทีว่าค่าของช่องป้อนข้อมูลมีการเปลี่ยนแปลง ส่วนใหญ่จะใช้ในช่องแบบฟอร์ม HTML เช่นเดียวกับช่องทำเครื่องหมาย ปุ่มตัวเลือก และกล่องเลือก

บทความนี้อธิบายรายละเอียดเกี่ยวกับการทำงานและการใช้งานจริงของเมธอด “change()” ของ jQuery

วิธี jQuery “change()” ทำงานอย่างไร

jQuery “ เปลี่ยน() ” วิธีการยิง “ เปลี่ยน ' จัดการเหตุการณ์. เหตุการณ์ 'การเปลี่ยนแปลง' เป็นเหตุการณ์ JavaScript ชนิดพิเศษที่เกิดขึ้นเมื่อค่าขององค์ประกอบ HTML ที่ระบุ (' ', '', '<select>') มีการเปลี่ยนแปลง</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> <p> <strong> ไวยากรณ์</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <span class="co4"> $</span><span class="br0"> (</span> ตัวเลือก<span class="br0"> )</span> .เปลี่ยน<span class="br0"> (</span><span class="kw1"> การทำงาน</span><span class="br0"> )</span> <p> <br> ในไวยากรณ์ข้างต้น:</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <ul> <li> <ul> <li> <strong> ตัวเลือก:</strong> ช่วยให้สามารถจัดการองค์ประกอบ HTML ได้</li> <li> <strong> การทำงาน:</strong> เป็นพารามิเตอร์ทางเลือกที่ระบุฟังก์ชันที่จะรันด้วยเมธอด “change()”</li> </ul> </li> </ul> <p> <strong> ตัวอย่างที่ 1: การใช้เมธอด “change()” เพื่อรับค่าที่เปลี่ยนแปลงของฟิลด์อินพุต</strong> </p> <p> ในตัวอย่างนี้ ' <strong> เปลี่ยน()</strong> วิธีการ ” ถูกนำไปใช้เพื่อส่งคืนค่าการเปลี่ยนแปลงองค์ประกอบ HTML “ <input>” เฉพาะ</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> <strong> รหัส HTML</strong> </p> <p> ขั้นแรก ภาพรวมของรหัส HTML ต่อไปนี้:</p> <span class="sy0"> <</span> ชั่วโมง2<span class="sy0"> ></span> การเปลี่ยนแปลง jQuery<span class="br0"> (</span><span class="br0"> )</span> วิธี<span class="sy0"> </</span> ชั่วโมง2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> หน้า<span class="sy0"> ></span> เปลี่ยนค่าของช่องใส่:<span class="sy0"> </</span> หน้า<span class="sy0"> ></span> <br> ช่องป้อนข้อมูล:<span class="sy0"> <</span> ป้อนข้อมูล<span class="re2"> พิมพ์</span> =<span class="st0"> 'ข้อความ'</span> <span class="re2"> ค่า</span> =<span class="st0"> 'ลีนุกซ์'</span> <span class="re2"> ในการเปลี่ยนแปลง</span> =<span class="st0"> 'การแจ้งเตือน (ค่านี้)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> หน้า<span class="sy0"> ></span> คลิกที่ปุ่มที่กำหนดเพื่อยิง<span class="st0"> 'เปลี่ยน'</span> เหตุการณ์:<span class="sy0"> </</span> หน้า<span class="sy0"> ></span> <br> <span class="sy0"> <</span> ปุ่ม<span class="sy0"> ></span> คลิกที่นี่<span class="sy0"> </</span> ปุ่ม<span class="sy0"> ></span> <p> <br> ในบล็อกรหัสนี้:</p> <ul> <li> <ul> <li> กำหนดหัวข้อย่อยของระดับ 2 โดยใช้ “ <strong> <h2></strong> ” แท็ก</li> <li> ถัดไป ระบุย่อหน้าด้วยความช่วยเหลือของ ' <strong> <p></strong> ” แท็ก</li> <li> หลังจากนั้น ให้เพิ่มช่องป้อนข้อมูลผ่านปุ่ม “ <strong> <อินพุต></strong> ” แท็กชื่อ “ <strong> ช่องป้อนข้อมูล</strong> ” โดยมีประเภทเป็น “ <strong> ข้อความ</strong> ” และมีค่าเป็น “ <strong> ลีนุกซ์</strong> ” ตามลำดับ</li> <li> นอกจากนี้ยังเชื่อมโยงกับ “ <strong> ในการเปลี่ยนแปลง ()</strong> ” เหตุการณ์ที่ปรากฏขึ้นในกล่องแจ้งเตือนเมื่อค่าอินพุตที่ระบุเปลี่ยนไป</li> <li> “ <strong> <p></strong> ” แท็กสร้างย่อหน้าอื่นด้วยคำสั่งที่ระบุ</li> <li> สุดท้าย เพิ่มปุ่มโดยใช้ปุ่ม “ <strong> <ปุ่ม></strong> ” แท็ก</li> </ul> </li> </ul> <p> <strong> รหัส jQuery</strong> </p> <p> ตอนนี้ พิจารณารหัส jQuery ต่อไปนี้:</p> <span class="sy0"> <</span><span class="kw2"> ศีรษะ</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> สคริปต์<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> สคริปต์<span class="sy0"> ></span> <br> <span class="sy0"> <</span> สคริปต์<span class="sy0"> ></span> <br> $<span class="br0"> (</span> เอกสาร<span class="br0"> )</span> .พร้อม<span class="br0"> (</span><span class="kw1"> การทำงาน</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'ปุ่ม'</span><span class="br0"> )</span> .คลิก<span class="br0"> (</span><span class="kw1"> การทำงาน</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'ป้อนข้อมูล'</span><span class="br0"> )</span> .เปลี่ยน<span class="br0"> (</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> สคริปต์<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> ศีรษะ</span><span class="sy0"> ></span> <p> <br> ในบรรทัดรหัสด้านบน:</p> <ul> <li> <ul> <li> ระบุ “ <strong> <สคริปต์></strong> ” แท็กในส่วน “หัว” ที่มีเส้นทาง CDN ของ jQuery จากเว็บไซต์ทางการ “ <a href="https://jquery.com/"></a> '.</li> <li> ถัดไป รหัส jQuery แรกสอดคล้องกับ “ <strong> เอกสาร</strong> ” ตัวเลือกเพื่อเลือกองค์ประกอบ DOM เป้าหมายและเชื่อมโยง “ <strong> พร้อม()</strong> ” เมธอดที่เรียกใช้ฟังก์ชันที่ระบุ () ทันทีที่โหลดเอกสาร</li> <li> หลังจากนั้น “ <strong> ปุ่ม</strong> ” ตัวเลือกถูกเพิ่มและเชื่อมโยงกับ “ <strong> คลิก()</strong> ” เมธอดที่จะอนุญาตให้เรียกใช้ฟังก์ชันเมื่อคลิกปุ่ม</li> <li> ในนิยามของฟังก์ชัน ให้ใช้เครื่องหมาย “ <strong> เปลี่ยน()</strong> ” วิธีการบน “ <strong> ป้อนข้อมูล</strong> ” องค์ประกอบที่เริ่มเหตุการณ์ “onchange” เมื่อค่าเปลี่ยนแปลง</li> </ul> </li> </ul> <p> <strong> เอาต์พุต</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327916" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-1.gif"> <br> เอาต์พุตจะแสดงกล่องแจ้งเตือนพร้อมค่าที่เปลี่ยนแปลงของช่องอินพุตเมื่อเหตุการณ์ 'onchange' ทริกเกอร์</p> <p> <strong> ตัวอย่างที่ 2: การใช้เมธอด “change()” เพื่อเปลี่ยนสีพื้นหลังของฟิลด์อินพุต</strong> </p> <p> ตัวอย่างเฉพาะนี้อธิบายการทำงานของ ' <strong> เปลี่ยน()</strong> ” วิธีการเปลี่ยนสีพื้นหลังของฟิลด์อินพุตเมื่อเปลี่ยนค่า</p> <p> <strong> รหัส HTML</strong> </p> <p> ทำตามรหัส HTML ที่กำหนด:</p> <span class="sy0"> <</span> ชั่วโมง2<span class="sy0"> ></span> การเปลี่ยนแปลง jQuery<span class="br0"> (</span><span class="br0"> )</span> วิธี<span class="sy0"> </</span> ชั่วโมง2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> หน้า<span class="sy0"> ></span> เปลี่ยนค่าของช่องใส่:<span class="sy0"> </</span> หน้า<span class="sy0"> ></span> <br> ช่องป้อนข้อมูล:<span class="sy0"> <</span> ป้อนข้อมูล<span class="re2"> พิมพ์</span> =<span class="st0"> 'ข้อความ'</span> <span class="re2"> ค่า</span> =<span class="st0"> 'ลีนุกซ์'</span><span class="sy0"> ></</span> หน้า<span class="sy0"> ></span> <p> <br> ที่นี่ องค์ประกอบ “ <input>” ระบุเฉพาะประเภทและค่าเท่านั้น</p> <p> <strong> รหัส jQuery</strong> </p> <p> ตอนนี้ไปที่รหัส jQuery:</p> <span class="sy0"> <</span><span class="kw2"> ศีรษะ</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> สคริปต์<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> สคริปต์<span class="sy0"> ></span> <br> <span class="sy0"> <</span> สคริปต์<span class="sy0"> ></span> <br> $<span class="br0"> (</span> เอกสาร<span class="br0"> )</span> .พร้อม<span class="br0"> (</span><span class="kw1"> การทำงาน</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'ป้อนข้อมูล'</span><span class="br0"> )</span> .เปลี่ยน<span class="br0"> (</span><span class="kw1"> การทำงาน</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> นี้<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'สีพื้นหลัง'</span> ,<span class="st0"> 'สีเหลือง'</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> สคริปต์<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> ศีรษะ</span><span class="sy0"> ></span> <p> <br> ในบรรทัดรหัสข้างต้น ' <strong> เปลี่ยน ()</strong> ” วิธีการแนบ “ <strong> การทำงาน()</strong> ” ที่ใช้คุณสมบัติการจัดรูปแบบ “CSS” “ <strong> สีพื้นหลัง</strong> ” บนองค์ประกอบ HTML ที่เลือก เช่น “อินพุต” ตามค่าอินพุตที่เปลี่ยนแปลง</p> <p> <strong> เอาต์พุต</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327917" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-2.gif"> <br> ผลลัพธ์จะยืนยันว่าสีพื้นหลังของฟิลด์อินพุตที่กำหนดจะเปลี่ยนไปเมื่อค่าของมันเปลี่ยนไป</p> <h2> บทสรุป</h2> <p> jQuery นำเสนอ “ <strong> เปลี่ยน()</strong> ” วิธีการที่เริ่มเหตุการณ์ “เปลี่ยนแปลง” เมื่อผู้ใช้เปลี่ยนค่าของฟิลด์อินพุต นอกจากนี้ยังสามารถเชื่อมโยงกับเหตุการณ์เพิ่มเติมเพื่อสนับสนุนการทำงานของมัน ใช้งานได้กับองค์ประกอบ HTML “ <input>”, “<select>” และ “<textarea>” เท่านั้น บทความนี้ให้รายละเอียดเกี่ยวกับเมธอด “change()” ใน jQuery</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/xun/" class="tag-cloud-link">อื่น</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">หมวดหมู่</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">ราสเบอร์รี่ปี่</a> </li><li> <a href="/ethernet/">อีเธอร์เน็ต</a> </li><li> <a href="/other/">อื่น</a> </li><li> <a href="/nano/">นาโน</a> </li><li> <a href="/zoom/">ซูม</a> </li><li> <a href="/cinnamon/">อบเชย</a> </li><li> <a href="/reviews/">ความคิดเห็น</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">วิทยุ</a> </li><li> <a href="/minecraft/">มายคราฟ</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">การบีบอัด</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">ซอฟต์แวร์เพิ่มประสิทธิภาพการทำงานในสำนักงาน</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">การเรียกระบบ</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">เครือข่าย</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">เพล็กซ์</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">นักเทียบท่า</a> </li><li> <a href="/firewall/">ไฟร์วอลล์</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</a> </li><li> <a href="/pdf/">ไฟล์ Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">นกแก้ว Os</a> </li><li> <a href="/sublime/">ประเสริฐ</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">โทรศัพท์</a> </li><li> <a href="/kodi/">รหัส</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">อาหารอันโอชะ</a> </li><li> <a href="/mouse/">หนู</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">ยาเม็ด</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Curl</a> </li><li> <a href="/kde/">ที่ไหน</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">แบบอักษร</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">ภาพ</a> </li><li> <a href="/usb/">ยูเอสบี</a> </li><li> <a href="/squid/">ปลาหมึก</a> </li><li> <a href="/mate/">เพื่อน</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">แป้นพิมพ์</a> </li><li> <a href="/inkscape/">อิงค์สเคป</a> </li><li> <a href="/encryption/">การเข้ารหัส</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">สแกนเนอร์</a> </li><li> <a href="/atom/">อะตอม</a> </li><li> <a href="/red-hat/">หมวกสีแดง</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">สไกป์</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter Notebook</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">บล็อก</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">เครื่องเล่นสื่อ</a> </li><li> <a href="/posix/">โพซิกซ์</a> </li><li> <a href="/steam/">ไอน้ำ</a> </li><li> <a href="/jenkins/">เจนกินส์</a> </li><li> <a href="/power/">พลัง</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">ตร.ม</a> </li><li> <a href="/bluetooth/">บลูทู ธ</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">กริป</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">โอดิสซี</a> </li><li> <a href="/audio/">เครื่องเสียง</a> </li><li> <a href="/cpu/">ซีพียู</a> </li><li> <a href="/tensorflow/">เทนเซอร์โฟลว์</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (รุ่นเก่า)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">สำนักงาน</a> </li><li> <a href="/xun/">อื่น</a> </li><li> <a href="/s-kip/">สไกป์</a> </li><li> <a href="/ra-s-bexr-ri-pi/">ราสเบอร์รี่ปี่</a> </li><li> <a href="/web-khaem/">เว็บแคม</a> </li><li> <a href="/kheruxng-len-sux/">เครื่องเล่นสื่อ</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hae-phr-xk-si/">แฮพร็อกซี่</a> </li><li> <a href="/kha-phangphey/">คำพังเพย</a> </li><li> <a href="/but/">บูต</a> </li><li> <a href="/praserith/">ประเสริฐ</a> </li><li> <a href="/xu-bun-tu-24-04-cat/">อูบุนตู 24.04</a> </li><li> <a href="/neks-khla-wd/">เน็กซ์คลาวด์</a> </li><li> <a href="/khunthrrm/">คุณธรรม</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/hmwk-fang/">หมวกฟาง</a> </li><li> <a href="/but-xyang-plxdphay/">#บูตอย่างปลอดภัย</a> </li><li> <a href="/xupkrn-sng-phan/">อุปกรณ์ส่งผ่าน</a> </li><li> <a href="/xe-sdi-xen/">เอสดีเอ็น</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">โพสต์ยอดนิยม</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/blog/85/regfileexport-helps-you-export-data-from-offline-registry-hives-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/regfileexport-helps-you-export-data-from-offline-registry-hives-winhelponline">RegFileExport ช่วยให้คุณส่งออกข้อมูลจากกลุ่ม Registry แบบออฟไลน์ - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/blog/"><span class="icon-chat"></span> บล็อก</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C3/how-do-i-enable-or-disable-smooth-scrolling-in-google-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/chan-ca-peid-hrux-pid-kar-leuxn-xyang-rab-run-ni-google-chrome-di-xyangri">ฉันจะเปิดหรือปิดการเลื่อนอย่างราบรื่นใน Google Chrome ได้อย่างไร</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/56/how-to-use-lisp-in-emacs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-chi-lisp-ni-emacs">วิธีใช้ Lisp ใน Emacs</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/how-to-improve-data-access-with-secondary-indexes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ca-prabprung-kar-khea-thung-khxmul-dwy-dachni-rxng-di-xyangri">จะปรับปรุงการเข้าถึงข้อมูลด้วยดัชนีรองได้อย่างไร</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4B/how-to-use-locate-command-to-find-biomes-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-chi-kha-sang-locate-pheux-khnha-biomes-ni-minecraft">วิธีใช้คำสั่ง /locate เพื่อค้นหา Biomes ใน Minecraft</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/create-a-folder-in-batch-file-how-to-create-directories-using-batch-scripts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/srang-foldexr-ni-fil-bae-thch-withi-srang-direkthxri-doy-chi-bae-thch-skhript">สร้างโฟลเดอร์ในไฟล์แบทช์: วิธีสร้างไดเร็กทอรีโดยใช้แบทช์สคริปต์</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D5/how-to-install-gitlab-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-kar-tid-tang-gitlab-bn-raspberry-pi">วิธีการติดตั้ง GitLab บน Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0B/how-to-count-number-of-keys-in-object-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-nab-canwn-khiy-ni-watthu-ni-javascript">วิธีนับจำนวนคีย์ในวัตถุใน JavaScript</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/72/redis-lset-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/haw-chi-thea-lset">หัวไชเท้า LSET</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/49/how-to-resolve-permission-denied-public-key-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-kaekhi-khx-phid-phlad-kar-xnuyat-thuk-ptiseth-rhas-satharna">วิธีแก้ไขข้อผิดพลาด 'การอนุญาตถูกปฏิเสธ (รหัสสาธารณะ)'</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/07/relay-with-esp32-using-arduino-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/riley-kab-esp32-doy-chi-arduino-ide">รีเลย์กับ ESP32 โดยใช้ Arduino IDE</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/93/recording-changes-to-the-repository-in-git-explained-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kar-banthuk-kar-peliynpaelng-thi-keb-ni-git-xthibay">การบันทึกการเปลี่ยนแปลงที่เก็บใน Git | อธิบาย</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/how-to-deploy-rails-application-to-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-prab-chi-xaepphlikhechan-rails-kab-aws">วิธีปรับใช้แอปพลิเคชัน Rails กับ AWS</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CB/how-to-find-desktop-screen-resolution-from-command-line-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-khnha-khwam-laxeiyd-hna-cx-de-skthxp-cak-command-line-bn-raspberry-pi">วิธีค้นหาความละเอียดหน้าจอเดสก์ท็อปจาก Command Line บน Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CB/how-to-split-screen-in-android-smartphones-and-tablets-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-yaek-hna-cx-ni-sma-rth-fon-laea-thaeblet-android">วิธีแยกหน้าจอในสมาร์ทโฟนและแท็บเล็ต Android</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A8/how-to-tag-your-aws-resources-for-better-organization-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ca-thaek-thraphyakr-aws-khxng-khun-pheux-xngkhkr-thi-di-khun-di-xyangri">จะแท็กทรัพยากร AWS ของคุณเพื่อองค์กรที่ดีขึ้นได้อย่างไร</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/43/how-to-install-lxde-desktop-environment-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-tid-tang-lxde-desktop-environment-bn-debian-12">วิธีติดตั้ง LXDE Desktop Environment บน Debian 12</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/43/how-to-find-what-version-of-git-you-are-running-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-khnha-wexrchan-khxng-git-thi-khun-kalang-chi-ngan-xyu">วิธีค้นหาเวอร์ชันของ Git ที่คุณกำลังใช้งานอยู่</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6A/how-to-turn-on-or-off-connect-automatically-to-wireless-network-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/withi-kar-peid-hrux-pid-kar-cheuxm-tx-xatnomati-kab-kherux-khay-ri-say">วิธีการเปิดหรือปิดการเชื่อมต่ออัตโนมัติกับเครือข่ายไร้สาย</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EA/what-does-error-code-279-mean-in-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/rhas-khx-phid-phlad-279-hmay-thung-xari-ni-roblox">รหัสข้อผิดพลาด 279 หมายถึงอะไรใน Roblox</a> </h3> <div class="meta"> <div> <a href="/xun/"><span class="icon-chat"></span> อื่น</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>