Phương thức jQuery change() hoạt động như thế nào

JavaScript là một ngôn ngữ đa năng nổi tiếng, chủ yếu được sử dụng để thêm các chức năng tương tác vào trang web. Nó đi kèm với một thư viện có tên jQuery để thực hiện các tác vụ này một cách hiệu quả. Các phương thức jQuery về cơ bản là các hành động thực hiện một nhiệm vụ cụ thể mà không cần nhiều sự tham gia của mã. Một phương pháp như vậy là “ thay đổi() ” kích hoạt sự kiện “thay đổi” để thông báo ngay rằng giá trị của trường đầu vào đã thay đổi. Nó chủ yếu được sử dụng trong các trường biểu mẫu HTML cũng như các hộp kiểm, nút radio và hộp chọn.

Bài viết này giải thích chi tiết về cách triển khai hoạt động và thực tế của phương thức “change()” của jQuery.

Phương thức jQuery “change()” hoạt động như thế nào?

jQuery “ thay đổi() ” phương thức kích hoạt “ thay đổi ' xử lý sự kiện. Sự kiện “thay đổi” là một loại sự kiện JavaScript đặc biệt xảy ra khi giá trị của phần tử HTML đã chỉ định(“ ”, “”, “<select>”) bị thay đổi.</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> cú pháp</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> bộ chọn<span class="br0"> )</span> .thay đổi<span class="br0"> (</span><span class="kw1"> chức năng</span><span class="br0"> )</span> <p> <br> Trong cú pháp trên:</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <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> bộ chọn:</strong> Nó cho phép thao tác với phần tử HTML.</li> <li> <strong> chức năng:</strong> Nó là một tham số tùy chọn chỉ định chức năng thực thi với phương thức “change()”.</li> </ul> </li> </ul> <p> <strong> Ví dụ 1: Áp dụng Phương thức “change()” để lấy giá trị đã thay đổi của trường nhập</strong> </p> <p> Trong ví dụ này, “ <strong> thay đổi()</strong> ” được áp dụng để trả về một giá trị đã thay đổi của phần tử HTML “ <input>” cụ thể.</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> Mã HTML</strong> </p> <p> Đầu tiên, tổng quan về mã HTML sau:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> thay đổi jQuery<span class="br0"> (</span><span class="br0"> )</span> Phương pháp<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Thay đổi giá trị của trường đầu vào:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Trường đầu vào:<span class="sy0"> <</span> đầu vào<span class="re2"> kiểu</span> =<span class="st0"> 'chữ'</span> <span class="re2"> giá trị</span> =<span class="st0"> 'Linux'</span> <span class="re2"> trao đổi</span> =<span class="st0"> 'cảnh báo(this.value)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Nhấp vào nút đã cho để kích hoạt<span class="st0"> 'onchange'</span> sự kiện:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <span class="sy0"> <</span> cái nút<span class="sy0"> ></span> Bấm vào đây<span class="sy0"> </</span> cái nút<span class="sy0"> ></span> <p> <br> Trong khối mã này:</p> <ul> <li> <ul> <li> Xác định tiêu đề phụ của cấp 2 bằng cách sử dụng “ <strong> <h2></strong> ' nhãn.</li> <li> Tiếp theo, chỉ định đoạn văn với sự trợ giúp của “ <strong> <p></strong> ' nhãn.</li> <li> Sau đó, thêm một trường đầu vào thông qua “ <strong> <đầu vào></strong> ” thẻ có tên “ <strong> Trường đầu vào</strong> ”, có kiểu như “ <strong> chữ</strong> ”, và giá trị là “ <strong> Linux</strong> ', tương ứng.</li> <li> Nó cũng liên kết một “ <strong> onchange()</strong> ” sự kiện bật lên hộp cảnh báo khi giá trị đầu vào được chỉ định thay đổi.</li> <li> Các ' <strong> <p></strong> ” thẻ tạo một đoạn văn khác với tuyên bố đã nêu.</li> <li> Cuối cùng, thêm một nút bằng cách sử dụng “ <strong> <nút></strong> ' nhãn.</li> </ul> </li> </ul> <p> <strong> Mã jQuery</strong> </p> <p> Bây giờ, hãy xem đoạn mã jQuery sau:</p> <span class="sy0"> <</span><span class="kw2"> cái đầu</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> kịch bản<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> kịch bản<span class="sy0"> ></span> <br> <span class="sy0"> <</span> kịch bản<span class="sy0"> ></span> <br> $<span class="br0"> (</span> tài liệu<span class="br0"> )</span> .sẵn sàng<span class="br0"> (</span><span class="kw1"> chức năng</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'cái nút'</span><span class="br0"> )</span> .nhấp chuột<span class="br0"> (</span><span class="kw1"> chức năng</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'đầu vào'</span><span class="br0"> )</span> .thay đổi<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> kịch bản<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> cái đầu</span><span class="sy0"> ></span> <p> <br> Trong các dòng mã trên:</p> <ul> <li> <ul> <li> Chỉ định la ' <strong> <kịch bản></strong> ” trong phần “head” bao gồm đường dẫn CDN của jQuery từ trang web chính thức “ <a href="https://jquery.com/"></a> ”.</li> <li> Tiếp theo, mã jQuery trước tiên tương ứng với “ <strong> tài liệu</strong> ” bộ chọn để chọn phần tử DOM được nhắm mục tiêu và liên kết “ <strong> sẵn sàng()</strong> ” gọi hàm đã nêu() ngay khi tài liệu được tải.</li> <li> Sau đó, “ <strong> cái nút</strong> ” bộ chọn được thêm vào và được liên kết với “ <strong> nhấp chuột()</strong> ” phương thức sẽ cho phép thực thi chức năng khi nhấp vào nút.</li> <li> Trong định nghĩa hàm, hãy áp dụng “ <strong> thay đổi()</strong> ” phương pháp trên “ <strong> đầu vào</strong> ” kích hoạt sự kiện “onchange” khi giá trị của nó thay đổi.</li> </ul> </li> </ul> <p> <strong> đầu ra</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> Đầu ra hiển thị một hộp cảnh báo với giá trị đã thay đổi của trường đầu vào khi sự kiện “onchange” được kích hoạt.</p> <p> <strong> Ví dụ 2: Áp dụng Phương thức “change()” để Thay đổi Màu nền của Trường Nhập liệu</strong> </p> <p> Ví dụ cụ thể này giải thích hoạt động của “ <strong> thay đổi()</strong> ” để thay đổi màu nền của trường nhập khi thay đổi giá trị.</p> <p> <strong> Mã HTML</strong> </p> <p> Thực hiện theo mã HTML đã cho:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> thay đổi jQuery<span class="br0"> (</span><span class="br0"> )</span> Phương pháp<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Thay đổi giá trị của trường đầu vào:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Trường đầu vào:<span class="sy0"> <</span> đầu vào<span class="re2"> kiểu</span> =<span class="st0"> 'chữ'</span> <span class="re2"> giá trị</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> P<span class="sy0"> ></span> <p> <br> Ở đây, phần tử “ <input>” chỉ xác định loại và giá trị của nó.</p> <p> <strong> Mã jQuery</strong> </p> <p> Bây giờ, hãy chuyển sang mã jQuery:</p> <span class="sy0"> <</span><span class="kw2"> cái đầu</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> kịch bản<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> kịch bản<span class="sy0"> ></span> <br> <span class="sy0"> <</span> kịch bản<span class="sy0"> ></span> <br> $<span class="br0"> (</span> tài liệu<span class="br0"> )</span> .sẵn sàng<span class="br0"> (</span><span class="kw1"> chức năng</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'đầu vào'</span><span class="br0"> )</span> .thay đổi<span class="br0"> (</span><span class="kw1"> chức năng</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> cái này<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'màu nền'</span> ,<span class="st0"> 'màu vàng'</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> kịch bản<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> cái đầu</span><span class="sy0"> ></span> <p> <br> Trong các dòng mã trên, “ <strong> thay đổi ()</strong> ” phương pháp đính kèm một “ <strong> chức năng()</strong> ” áp dụng thuộc tính tạo kiểu “CSS” “ <strong> màu nền</strong> ” trên phần tử HTML đã chọn, tức là “đầu vào” dựa trên giá trị đầu vào đã thay đổi.</p> <p> <strong> đầu ra</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> Đầu ra xác nhận rằng màu nền của trường đầu vào đã cho thay đổi khi giá trị của nó thay đổi.</p> <h2> Phần kết luận</h2> <p> jQuery cung cấp “ <strong> thay đổi()</strong> ” kích hoạt sự kiện “thay đổi” khi người dùng thay đổi giá trị của trường đầu vào. Nó cũng có thể được liên kết với một sự kiện bổ sung để hỗ trợ các chức năng của nó. Nó chỉ hoạt động trên các phần tử HTML “ <input>”, “<select>” và “<textarea>”. Bài viết này cung cấp một cái nhìn chi tiết về phương thức “change()” trong 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="/khac/" class="tag-cloud-link">Khác</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Thể LoạI</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Khác</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Phóng</a> </li><li> <a href="/cinnamon/">Quế</a> </li><li> <a href="/reviews/">Đánh Giá</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Đài</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Nén</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Máy Bay</a> </li><li> <a href="/office-productivity-software/">Phần Mềm Năng Suất Văn Phòng</a> </li><li> <a href="/boot/">Khởi Động</a> </li><li> <a href="/system-calls/">Cuộc Gọi Hệ Thống</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Mạng Lưới</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Người Đóng Tàu</a> </li><li> <a href="/firewall/">Bức Tường Lửa</a> </li><li> <a href="/wireshark/">Wirehark</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/">Hệ Điều Hành Parrot</a> </li><li> <a href="/sublime/">Cao Siêu</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Siêu V</a> </li><li> <a href="/phone/">Điện Thoại</a> </li><li> <a href="/kodi/">Mã Số</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Tinh Vi</a> </li><li> <a href="/mouse/">Chuột</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/">Viên Thuốc</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Xoăn</a> </li><li> <a href="/kde/">Ở Đâu</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Phông Chữ</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Hình Ảnh</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Mực Ống</a> </li><li> <a href="/mate/">Bạn</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/">Bàn Phím</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Mã Hóa</a> </li><li> <a href="/fedora/">Mũ Phớt</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Máy Quét</a> </li><li> <a href="/atom/">Nguyên Tử</a> </li><li> <a href="/red-hat/">Mũ Đỏ</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Ứng Dụng Trò Chuyện</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Máy Tính Xách Tay Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Trình Phát Phương Tiện</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Hơi Nước</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Sức Mạnh</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Nắm Chặt</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Âm Thanh</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Dòng Chảy Căng Thẳng</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/">Các Cửa Sổ</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Kế Thừa)</a> </li><li> <a href="/internet-explorer/">Trình Duyệt Web Ie</a> </li><li> <a href="/office/">Văn Phòng</a> </li><li> <a href="/khac/">Khác</a> </li><li> <a href="/ung-dung-tro-chuyen/">Ứng dụng trò chuyện</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/trinh-phat-phuong-tien/">trình phát phương tiện</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/than-lun/">thần lùn</a> </li><li> <a href="/khoi-dong/">khởi động</a> </li><li> <a href="/sieu-pham/">siêu phàm</a> </li><li> <a href="/removal-guides/">Hướng Dẫn Loại Bỏ</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/dam-may-tiep-theo/">đám mây tiếp theo</a> </li><li> <a href="/duc-hanh/">Đức hạnh</a> </li><li> <a href="/thong-qua-usb/">thông qua usb</a> </li><li> <a href="/mu-phot/">mũ phớt</a> </li><li> <a href="/khoi-dong-an-toan/">#khởi động an toàn</a> </li><li> <a href="/thong-qua-thiet-bi/">thông qua thiết bị</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Bài ViếT Phổ BiếN</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CD/oracle-pl-sql-case-statement-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cau-lenh-truong-hop-oracle-pl-sql">Câu lệnh trường hợp Oracle PL/SQL</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/39/can-my-friends-see-psn-online-status-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ban-be-cua-toi-co-the-xem-trang-thai-truc-tuyen-psn-tren-discord-khong">Bạn bè của tôi có thể xem Trạng thái trực tuyến PSN trên Discord không?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/50/get-folder-size-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nhan-kich-thuoc-thu-muc-trong-powershell">Nhận kích thước thư mục trong PowerShell</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/22/6-ways-of-opening-the-task-manager-app-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/6-cach-mo-ung-dung-task-manager-tren-windows-10-11">6 Cách Mở ứng dụng Task Manager trên Windows 10/11</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/C4/what-does-git-stash-push-stash-do-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-stash-push-stash-lam-gi">`git stash push` Stash làm gì?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/6D/how-to-insert-a-signature-into-microsoft-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-chen-chu-ky-vao-microsoft-word">Cách chèn chữ ký vào Microsoft Word</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/javascript-or-variable-assignment-explanation-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-hoac-giai-thich-ve-phep-gan-bien">JavaScript HOẶC (||=) Giải thích về phép gán biến</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/18/how-to-write-unit-tests-in-c-for-better-code-quality-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-viet-bai-kiem-tra-don-vi-trong-c-de-co-chat-luong-ma-tot-hon">Cách viết bài kiểm tra đơn vị trong C# để có chất lượng mã tốt hơn</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/B4/how-to-get-buffer-length-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-cach-nao-de-lay-do-dai-bo-dem-trong-node-js">Làm cách nào để lấy độ dài bộ đệm trong Node.js?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/3F/what-is-oracle-sql-plus-and-what-is-it-used-for-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/oracle-sql-plus-la-gi-va-no-duoc-dung-de-lam-gi">Oracle SQL*Plus là gì và nó được dùng để làm gì?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/E9/how-to-reset-arduino-board-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-thiet-lap-lai-bo-mach-arduino">Cách thiết lập lại bo mạch Arduino</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/A9/what-is-file-handling-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/xu-ly-tep-trong-lap-trinh-c-la-gi">Xử lý tệp trong lập trình C là gì?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/windows/73/how-delete-old-user-profile-folders-automatically-windows-vista.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-delete-old-user-profile-folders-automatically-windows-vista">Cách tự động xóa thư mục hồ sơ người dùng cũ trong Windows Vista trở lên - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Các Cửa Sổ</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/4D/how-to-install-and-use-powershell-ssh-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-cai-dat-va-su-dung-powershell-ssh">Cách cài đặt và sử dụng PowerShell SSH</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/66/how-to-accept-input-from-the-command-line-in-node-js-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-cach-nao-de-chap-nhan-dau-vao-tu-dong-lenh-trong-node-js">Làm cách nào để chấp nhận đầu vào từ dòng lệnh trong Node.js?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/38/introduction-to-capacitors-capacitance-and-charge-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/gioi-thieu-ve-tu-dien-dien-dung-va-dien-tich">Giới thiệu về tụ điện, điện dung và điện tích</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/CD/how-to-disable-the-smartscreen-filter-in-windows-11-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-cach-nao-de-tat-bo-loc-smartscreen-trong-windows-11">Làm cách nào để tắt Bộ lọc SmartScreen trong Windows 11?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/45/how-to-install-cisco-packet-tracer-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-cai-dat-cisco-packet-tracer-tren-debian-12">Cách cài đặt Cisco Packet Tracer trên Debian 12</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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/4C/how-to-install-and-use-g-in-debian-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-cai-dat-va-su-dung-g-trong-debian">Cách cài đặt và sử dụng g++ trong Debian</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</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-install-nvidia-cuda-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-cai-dat-nvidia-cuda-tren-windows-10-11">Cách cài đặt NVIDIA CUDA trên Windows 10/11</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>