Đoạn mã 2025, Tháng BảY

Đặt / Xóa giá trị đầu vào mặc định - Thủ thuật CSS

Đặt / Xóa giá trị đầu vào mặc định - Thủ thuật CSS

$ ('. default-value'). each (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = '' ;))); "

Serialize Form thành JSON - Thủ thuật CSS

Serialize Form thành JSON - Thủ thuật CSS

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (this.value "

Chỉ chọn mục trong danh sách nếu không chứa danh sách khác (và là cấp cao nhất) - Thủ thuật CSS

Chỉ chọn mục trong danh sách nếu không chứa danh sách khác (và là cấp cao nhất) - Thủ thuật CSS

Tôi nhận thấy điều này khá cụ thể, nhưng tôi đã phải viết bộ chọn này trước đó để khắc phục sự cố và tôi đã sử dụng jQuery vì bộ chọn khá nâng cao "

Chỉ chọn phần tử nếu trẻ em không hoạt hình - Thủ thuật CSS

Chỉ chọn phần tử nếu trẻ em không hoạt hình - Thủ thuật CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filter = $ (this) .children (). not (": animation"); return filter;)); Thao tác này sẽ chọn phần tử "

Chỉ chạy JavaScript sau khi đã tải toàn bộ trang - Thủ thuật CSS

Chỉ chạy JavaScript sau khi đã tải toàn bộ trang - Thủ thuật CSS

$ (window) .bind ("load", function () (// mã ở đây)); "

Tìm kiếm / Thay thế - Thủ thuật CSS

Tìm kiếm / Thay thế - Thủ thuật CSS

JQuery (function () (jQuery (": contains (FIND)"). not (": has (: contains (FIND))"). each (function () (var that = $ (this), html = that. html (); html = "

Làm mới một phần trang - Thủ thuật CSS

Làm mới một phần trang - Thủ thuật CSS

Làm mới các phần tử nhất định của trang bằng jQuery sau một khoảng thời gian nhất định, có thể được sử dụng với bất kỳ phần tử nào có ID. Tôi đã sửa đổi ví dụ được đưa ra với "

Xóa giá trị cụ thể khỏi mảng - Thủ thuật CSS

Xóa giá trị cụ thể khỏi mảng - Thủ thuật CSS

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (trả về giá trị! = removeItem;)); "

Làm cho toàn bộ Div có thể nhấp được - Thủ thuật CSS

Làm cho toàn bộ Div có thể nhấp được - Thủ thuật CSS

Cập nhật tháng 11 năm 2020: Tôi nghĩ rằng kỹ thuật tốt nhất có thể cho việc này là Phương pháp 4 trong bài viết này.

(hoặc bất kỳ phần tử trình bao bọc nào) vẫn là "

Tiêu đề cố định trên bảng - Thủ thuật CSS

Tiêu đề cố định trên bảng - Thủ thuật CSS

Khi bạn cuộn xuống một trang có một bảng dài trên đó, thường thì tiêu đề của bảng sẽ cuộn đi và trở nên vô dụng. Mã này sao chép tiêu đề bảng "

Dán sự kiện - Thủ thuật CSS

Dán sự kiện - Thủ thuật CSS

$ .fn.pasteEvents = function (delay) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", chức năng()"

Độ mạnh của mật khẩu - Thủ thuật CSS

Độ mạnh của mật khẩu - Thủ thuật CSS

$ ('# pass'). keyup (function (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = new"

Di chuyển các mục trong danh sách đã nhấp lên đầu danh sách - Thủ thuật CSS

Di chuyển các mục trong danh sách đã nhấp lên đầu danh sách - Thủ thuật CSS

Giả sử HTML như thế này: một hai ba Vì vậy, nếu "Hai" được nhấp vào, hãy chuyển nó lên đầu danh sách. $ ("li"). click (function () ("

Mở liên kết bên ngoài trong cửa sổ mới - Thủ thuật CSS

Mở liên kết bên ngoài trong cửa sổ mới - Thủ thuật CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (function (event) ("

Di chuyển con trỏ đến cuối Textarea hoặc Input - Thủ thuật CSS

Di chuyển con trỏ đến cuối Textarea hoặc Input - Thủ thuật CSS

Mã để di chuyển con trỏ đến cuối văn bản hiện tại trong đầu vào, thay vì mặc định (đánh dấu văn bản). Định dạng plugin "

NgoàiHTML jQuery Plugin - Thủ thuật CSS

NgoàiHTML jQuery Plugin - Thủ thuật CSS

InnerHTML () là bản địa và trả về nội dung của nút DOM (ví dụ: tôi sống bên trong một div .. NgoàiHTML () thì không, sẽ bao gồm nút DOM hiện tại "

Tạo jQuery: chứa Phân biệt chữ hoa chữ thường - Thủ thuật CSS

Tạo jQuery: chứa Phân biệt chữ hoa chữ thường - Thủ thuật CSS

Bộ chọn MỚI jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES cũ "

Một jQuery hasAttr () Tương đương - Thủ thuật CSS

Một jQuery hasAttr () Tương đương - Thủ thuật CSS

JQuery không thực sự có hàm .hasAttr (). Bạn có thể cho rằng nó có, nhưng than ôi, nó không. Một chuỗi StackOverflow có một số khá tốt "

Chỉ tải một phần của trang - Thủ thuật CSS

Chỉ tải một phần của trang - Thủ thuật CSS

Trường hợp sử dụng Bạn muốn AJAX tải một phần của trang khác trên trang web của bạn vào trang hiện tại. Giả sử hệ thống CMS thương mại điện tử của bạn tạo một menu động gồm "

Cuộn trang theo chiều ngang với con lăn chuột - Thủ thuật CSS

Cuộn trang theo chiều ngang với con lăn chuột - Thủ thuật CSS

1) Tải jQuery và plugin Mouse Wheel Plugin Mouse Wheel ở đây. 2) Đính kèm sự kiện con lăn chuột vào nội dung "30" biểu thị tốc độ. PreventDefault đảm bảo "

Chỉ tải jQuery nếu không có - Thủ thuật CSS

Chỉ tải jQuery nếu không có - Thủ thuật CSS

Giả sử bạn sẽ thực hiện một bao gồm trên toàn bộ nhiều trang và bên trong bao gồm đó, bạn muốn thực hiện một số nội dung cụ thể của jQuery. Trang đó có thể hoặc "

Đang tải jQuery - Thủ thuật CSS

Đang tải jQuery - Thủ thuật CSS

Tải bằng Google API Liên kết trực tiếp tới Google Kiểm tra nếu được tải, chỉ tải nếu không tải var jQueryScriptOutputted = false; function initJQuery () (// nếu "

Mã Konami - Thủ thuật CSS

Mã Konami - Thủ thuật CSS

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (document) .keydown (function (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery Sticky Footer - Thủ thuật CSS

JQuery Sticky Footer - Thủ thuật CSS

Nói chung CSS Sticky Footer là cách tốt nhất để sử dụng, vì nó hoạt động hoàn toàn trơn tru và không yêu cầu JavaScript. Nếu đánh dấu được yêu cầu đơn giản không phải là "

JQuery Zebra Stripe a Table - Thủ thuật CSS

JQuery Zebra Stripe a Table - Thủ thuật CSS

$ ("tr: lẻ"). addClass ("lẻ"); Sau đó, sử dụng một số CSS: .odd (background: #ccc;) "

Liên kết Nudging - Thủ thuật CSS

Liên kết Nudging - Thủ thuật CSS

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Làm"

Giữ đầu vào văn bản trong đồng bộ hóa - Thủ thuật CSS

Giữ đầu vào văn bản trong đồng bộ hóa - Thủ thuật CSS

Var $ input = $ (". example-input"); $ input.keyup (function () ($ input.val ($ (this) .val ());)); Thí dụ"

JQuery Tweetify Text - Thủ thuật CSS

JQuery Tweetify Text - Thủ thuật CSS

Hàm $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

JQuery Plugin Template - Thủ thuật CSS

JQuery Plugin Template - Thủ thuật CSS

Thay thế các phiên bản "yourPluginName" bằng tên plugin thực của bạn. Nội dung về "bán kính" chỉ là một ví dụ về một tùy chọn (tham số để chuyển plugin). "

JQuery JSON gặp lỗi bắt lỗi - Thủ thuật CSS

JQuery JSON gặp lỗi bắt lỗi - Thủ thuật CSS

JQuery có một hàm tích hợp được gọi là getJSON () để giúp thực hiện các yêu cầu AJAX cho dữ liệu JSON dễ dàng hơn. Nó thường hoạt động tốt, nhưng nếu chức năng đó bị "