google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Các thủ thuật JavaScript và jQuery hữu ích  

Ngày cập nhật 11/10/2010 Bạn chưa có lời bình trong mã này 1

0
lưu

Các thủ thuật JavaScript và jQuery hữu ích Bài viết JavaScript này cung cấp cho bạn danh sách hơn 45 thủ thuật JavaScript và jQuery để có thể viết mã JavaScript tốt hơn. Vài thủ thuật JavaScript bạn có thể xem sơ qua là:

- Hủy một truy vấn AJAX
- Kiểm tra một hình ảnh có được tải rồi hay chưa
- Kiểm tra một điều khiển HTML có tồn tại hay không
- Tìm kiếm chuỗi với jQuery

Vui lòng vào trang chi tiết để xem đầy đủ danh sách các thủ thuật và ví dụ JavaScript mẫu.


Nhãn: truy vấn AJAX, ví dụ JavaScript mẫu, điều khiển HTML, 45

Báo cho chúng tôi lỗi JavaScript này

Tạo video bằng AI chỉ với giọng nói hoặc văn bản



Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung.
Ứng dụng video AI KHÔNG GIỚI HẠN miễn phí trong tay bạn

  • How to refresh the src of an image with jQuery?
    • view sourceprint?
    1.$(imageobj).attr('src', $(imageobj)
    2.           .attr('src') + '?' + Math.random() );
  • How to see if an image is loaded or not with jquery
    • view sourceprint?
    1.var imgsrc = 'img/image1.png';
    2.$('<img/>').load(function () {
    3.    alert('image loaded');
    4.}).error(function () {
    5.    alert('error loading image');
    6.}).attr('src', imgsrc);
  • And if a set (example : 10 images) of images are loaded
    • view sourceprint?
    1.var totalimages  = 10;
    2.var loadedimages = 0;
    3.$("<img/>").load(function() {
    4.    ++loadedimages;
    5.    if(loadedimages == totalimages){
    6.        //All 10 images are loaded
    7.    }
    8.});
  • How to remove selected text after mouse double click event
    • view sourceprint?
    01.clearSelection      : function () {
    02.    if(document.selection && document.selection.empty) {
    03.        document.selection.empty();
    04.    } else if(window.getSelection) {
    05.        var sel = window.getSelection();
    06.        sel.removeAllRanges();
    07.    }
    08.}
    09.$(element).bind('dblclick',function(event){
    10.    //do something
    11.    clearSelection();
    12.});
  • Validate email address:
    • view sourceprint?
    1.var email = '[email protected]'
    2.if(!(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email)))
    3.alert('Invalid Email');
  • How to order a <ul> element using jQuery
    • view sourceprint?
    01.<ul>
    02.<li>cloud</li>
    03.<li>sun</li>
    04.<li>rain</li>
    05.<li>snow</li>
    06.</ul
    07. 
    08.var items = $('.to_order li').get();
    09.items.sort(function(a,b){
    10.    var keyA = $(a).text();
    11.    var keyB = $(b).text();
    12. 
    13.    if (keyA < keyB) return -1;
    14.    if (keyA > keyB) return 1;
    15.    return 0;
    16.});
    17.var ul = $('.to_order');
    18.$.each(items, function(i, li){
    19.    ul.append(li);
    20.});
  • Passing parameters to a function called with setTimeout
    • view sourceprint?
    1.timeout = setTimeout(function(){myFunction(param)},time);
  • Disable right mouse click
    • view sourceprint?
    1.$(document).ready(function(){
    2.    $(document).bind("contextmenu",function(e){
    3.        return false;
    4.    });
    5.});
  • Fade out an image, and fade in another one (replacing the previous one)
    • view sourceprint?
    1.$('imageelement').fadeOut(function() {
    2.    $(this).load(function() {
    3.        $(this).fadeIn();
    4.    }).attr('src', AnotherSource);
    5.});
  • Write your own selectors
    • view sourceprint?
    01.//extend the jQuery functionality
    02.$.extend($.expr[':'], {
    03. 
    04.    //name of your special selector
    05.    moreThanAThousand : function (a){
    06.        //Matching element
    07.        return parseInt($(a).html()) > 1000;
    08.    }
    09.});
    10. 
    11.$(document).ready(function() {
    12.    $('td:moreThanAThousand').css('background-color', '#ff0000');
    13.});
    bởi Xem
    Hủy phản hồi

    Viết lời bình của bạn


    B I U URL IMG QUOTE LEFT CENTER RIGHT CODE


    Ứng dụng AI Video.com
    Tạo video doanh nghiệp của bạn bằng AI chỉ với giọng nói hoặc văn bản

    chatGPTaz.com
    Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

    Ứng dụng AI Video
    Ứng dụng video AI MIỄN PHÍ đầu tiên của bạn

    Deepfake Video
    Deepfake AI Video Maker

    Deepfake
    Deepfake AI Video Maker

    AI Deep Fake
    Deepfake AI Video Maker

    AIvidio
    AI Video Mobile Solutions

    AIvideos
    AI Video Platform & Solutions

    AIvedio
    AI Video App Maker

    Artificial General Intelligence
    Ai and higher level Artificial General Intelligence (AGI)

    Artificial General Intelligence
    Ai and higher level Artificial General Intelligence (AGI)

    Faceswap AI trực tuyến
    Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

    Faceswap AI trực tuyến
    Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

    Faceswap AI trực tuyến
    Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

    Powerful AI Presentation PPT Maker for FREE
    Build an impressive presentation with our free online AI presentation app

    Your next top AI Assistant
    Claude AI, developed by Anthropic

    Your next top AI Assistant
    Claude AI, developed by Anthropic

    Temu tặng $500 cho người dùng mới
    Claim Free Temu $500 Credit via Affiliate & Influencer Program

    Tín dụng quảng cáo TikTok miễn phí
    Làm chủ quảng cáo TikTok cho hoạt động tiếp thị doanh nghiệp của bạn

    Dall-E-OpenAI.com
    Tự động tạo ra hình ảnh sáng tạo với AI

    chatGPT4.win
    Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

    Sản phẩm AI đầu tiên của Elon Musk - Grok/UN.com
    Nói chuyện với Grok AI Chatbot bằng ngôn ngữ của bạn

    Công cụ.win
    Mở trung tâm công cụ miễn phí để mọi người sử dụng với hàng trăm công cụ

    GateIO.gomymobi.com
    Airdrop miễn phí để nhận, chia sẻ lên đến 150.000 đô la cho mỗi dự án

    iPhoneKer.com
    Tiết kiệm tới 630$ khi mua iPhone 16 mới

    Mua Robot Tesla Optimus
    Đặt mua Tesla Bot: Robot Optimus Gen 2 ngay hôm nay với giá dưới 20.000 đô la

    Cool Domains for Sale!
    Dall-E-OpenAI.com ChainTutor.com ZWVQ.com AI-Trading-Bot.com JavaScriptBank.com CTRCoin.com system.money index.services ChatTotal.com chatGPT4.win XMQV.com hearf.com gomymobi.com ApexBTC.com gomymobi.com war.money eChainBank.com gomy.mobi CryptoKD.com AIvideo-app.com CreditCard.rip GrokUN.com chatGPTaz.com lend.services javascriptON.com MetaTru.com Card.rip gomy.mobi pornID.net ABP3.com chatGPT2.fun
    • Super Hot PHP scripts
    Ngày cập nhật:
    Tác giả:
    Lượt xem:
    Lời bình:
    Lượt đánh giá:
    Lượt gửi:
    Kích thước:
    Thứ hạng:
    11/10/2010
    Cody [more]
    112,180
    1
    0
    0
    117.25 KBytes
    Các thủ thuật JavaScript và jQuery hữu ích 0/5 0 lượt đánh giá / 112,180 lượt xem / 1 lời bình 11/10/2010 Bài viết JavaScript này cung cấp cho bạn danh sách hơn 45 thủ thuật Java...Các thủ thuật JavaScript và jQuery hữu ích - Các thủ thuật JavaScript và jQuery hữu ích

    JavaScript theo ngày


    Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web