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

Chèn phần tử giữa các phần tử khác - Thủ thuật CSS

Chèn phần tử giữa các phần tử khác - Thủ thuật CSS

Ví dụ: nếu bạn có năm đoạn văn liên tiếp và bạn cần chèn thẻ ngắt vào giữa tất cả chúng. Bạn không thể đặt nó trước cả năm (bạn không "

Đầu vào ghi nhớ giá trị ban đầu - Thủ thuật CSS

Đầu vào ghi nhớ giá trị ban đầu - Thủ thuật CSS

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Trình tải trước hình ảnh - Thủ thuật CSS

Trình tải trước hình ảnh - Thủ thuật CSS

Cách rất dễ dàng để tải trước hình ảnh cần thiết sau này (ví dụ: khi di chuột được thực hiện) $ .preloadImages = function () (for (var i = 0; i "

Đánh dấu nhãn có liên quan khi nhập ở tiêu điểm - Thủ thuật CSS

Đánh dấu nhãn có liên quan khi nhập ở tiêu điểm - Thủ thuật CSS

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). dim (function () ($ ("label"). removeClass ("labelfocus" );)); "

Đánh dấu tất cả các liên kết đến trang hiện tại - Thủ thuật CSS

Đánh dấu tất cả các liên kết đến trang hiện tại - Thủ thuật CSS

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("đã chọn ");)));)); Chức năng này sẽ "

Lấy tọa độ X, Y của chuột trong hộp - Thủ thuật CSS

Lấy tọa độ X, Y của chuột trong hộp - Thủ thuật CSS

Đoạn mã dưới đây sẽ cung cấp cho bạn tọa độ X, Y của một cú nhấp chuột trong một hộp nhất định. Loại bỏ tất cả những thứ về phần bù, bạn có thể dễ dàng nhận được dấu X, "

Sửa lỗi .load () trong IE cho hình ảnh được lưu trong bộ nhớ cache - Thủ thuật CSS

Sửa lỗi .load () trong IE cho hình ảnh được lưu trong bộ nhớ cache - Thủ thuật CSS

Hàm .load () kích hoạt khi phần tử mà nó được gọi được tải đầy đủ. Nó thường được sử dụng trên hình ảnh, có thể không được tải đầy đủ khi "

Lấy tham số truy vấn làm đối tượng - Thủ thuật CSS

Lấy tham số truy vấn làm đối tượng - Thủ thuật CSS

Nicholas Ortenzio đã viết plugin nhỏ này: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Nhận một chiều rộng bản địa hình ảnh - Thủ thuật CSS

Nhận một chiều rộng bản địa hình ảnh - Thủ thuật CSS

Nếu bạn chọn và hình ảnh bằng jQuery và sau đó sử dụng .width (), bạn sẽ nhận được chiều rộng hiện tại của hình ảnh, ngay cả khi nó đã được thu nhỏ (ví dụ: max-width: 100%;). Bạn có thể"

Sửa lỗi IE z-index - Thủ thuật CSS

Sửa lỗi IE z-index - Thủ thuật CSS

Đây không phải là giải pháp cuối cùng để khắc phục tất cả các vấn đề kỳ lạ về chỉ mục z của IE, nhưng nó chắc chắn có thể hữu ích trong một số trường hợp. Những gì nó làm là lặp qua "

Làm mờ hình ảnh thành hình ảnh khác - Thủ thuật CSS

Làm mờ hình ảnh thành hình ảnh khác - Thủ thuật CSS

Tạo một div có kích thước chính xác của hình ảnh. Div này sẽ có một hình nền được áp dụng cho nó của hình ảnh thứ hai. Sau đó, đặt một hình ảnh nội tuyến bên trong "

Buộc tải lại iframe - Thủ thuật CSS

Buộc tải lại iframe - Thủ thuật CSS

Bạn có thể chạm vào src của nó: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Sửa lỗi Select Dropdown Cutoff trong IE 7 - Thủ thuật CSS

Sửa lỗi Select Dropdown Cutoff trong IE 7 - Thủ thuật CSS

Chạy (ít nhất là phần "Sử dụng" bên dưới) sau khi bạn đã tải jQuery và ở cuối trang hoặc trong câu lệnh sẵn sàng của DOM. Lưu ý rằng bản sửa lỗi này không "

Sửa chiều rộng tối thiểu / tối đa cho trình duyệt không có hỗ trợ gốc - Thủ thuật CSS

Sửa chiều rộng tối thiểu / tối đa cho trình duyệt không có hỗ trợ gốc - Thủ thuật CSS

Tập lệnh này kiểm tra tất cả các phần tử bằng một lớp .fixMinMaxwidth và quan sát cửa sổ. Nó chỉ áp dụng cho các trình duyệt không có chiều rộng tối thiểu / tối đa gốc "

Thay đổi kích thước iframe để phù hợp với nội dung (Chỉ dành cho cùng một miền) - Thủ thuật CSS

Thay đổi kích thước iframe để phù hợp với nội dung (Chỉ dành cho cùng một miền) - Thủ thuật CSS

Thông thường, bạn đặt chiều rộng và chiều cao cho iframe. Nếu nội dung bên trong lớn hơn, các thanh cuộn phải đủ. Tập lệnh bên dưới cố gắng khắc phục điều đó bằng cách "

Sự kiện cháy khi người dùng không hoạt động - Thủ thuật CSS

Sự kiện cháy khi người dùng không hoạt động - Thủ thuật CSS

Xem hai dòng nhận xét bên dưới, đó là nơi bạn có thể chèn mã cho những việc cần làm khi người dùng không hoạt động và khi người dùng quay lại. Đặt "nhàn rỗi"

Tìm và bọc các dấu và dấu - Thủ thuật CSS

Tìm và bọc các dấu và dấu - Thủ thuật CSS

Tải plugin này. Sau đó: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Thay đổi bộ chọn nếu cần. Đó là một trong những khá dữ dội. Bây giờ bạn có một lớp học "

Dự phòng cho jQuery được lưu trữ trên CDN - Thủ thuật CSS

Dự phòng cho jQuery được lưu trữ trên CDN - Thủ thuật CSS

Một số công ty lớn cung cấp các bản sao của jQuery được lưu trữ trên CDN (Mạng phân phối nội dung) của họ. Nổi tiếng nhất là Google, mà còn cả Microsoft và jQuery "

Làm mờ một ảnh sang menu khác - Thủ thuật CSS

Làm mờ một ảnh sang menu khác - Thủ thuật CSS

Tạo hình ảnh CSS sprite, với nửa trên và nửa dưới là hai hình ảnh bạn muốn tạo hoạt ảnh giữa. JQuery thêm thẻ và "

Tìm tất cả Liên kết nội bộ - Thủ thuật CSS

Tìm tất cả Liên kết nội bộ - Thủ thuật CSS

Tìm tất cả các liên kết bắt đầu bằng miền trang web, dấu gạch chéo, đường dẫn tệp tương đối hoặc thẻ bắt đầu bằng #. var siteURL = "http: //" + top.location.host.toString (); var "

Loại trừ $ (cái này) khỏi Bộ chọn - Thủ thuật CSS

Loại trừ $ (cái này) khỏi Bộ chọn - Thủ thuật CSS

Giả sử bạn muốn đính kèm một trình xử lý nhấp chuột vào mọi liên kết trên một trang. Hàm cho trình xử lý nhấp chuột đó chuyển tất cả các liên kết khác thành màu khác. var "

Có thể kéo mà không cần giao diện người dùng jQuery - Thủ thuật CSS

Có thể kéo mà không cần giao diện người dùng jQuery - Thủ thuật CSS

Nó không có tất cả các lệnh gọi lại và tùy chọn ưa thích, nhưng này, nó làm cho mọi thứ có thể kéo được (và tùy chọn với một tay cầm được chỉ định). (hàm ($) ("

Cân bằng chiều cao của các đơn vị - Thủ thuật CSS

Cân bằng chiều cao của các đơn vị - Thủ thuật CSS

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Hiển thị Tweet cuối cùng - Thủ thuật CSS

Hiển thị Tweet cuối cùng - Thủ thuật CSS

Mã bên dưới không còn hoạt động như hiện tại với bản cập nhật API Twitter lên 1.1 kể từ ngày 6 tháng 6 năm 2013. API 1.1 yêu cầu oAuth yêu cầu phía máy chủ "

Đã hoàn tất sự kiện thay đổi kích thước - Thủ thuật CSS

Đã hoàn tất sự kiện thay đổi kích thước - Thủ thuật CSS

Nếu bạn đã quen với thứ gì đó như giao diện người dùng jQuery có thể thay đổi kích thước, bạn sẽ nhận được các sự kiện mà bạn có thể liên kết trong quá trình thay đổi kích thước, nhưng cũng khi kết thúc việc thay đổi kích thước. Không có sự kiện như vậy "

JQuery Trình cắm trùng lặp - Thủ thuật CSS

JQuery Trình cắm trùng lặp - Thủ thuật CSS

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Chỉ hiển thị X Divs đầu tiên, chuyển đổi phần còn lại - Thủ thuật CSS

Chỉ hiển thị X Divs đầu tiên, chuyển đổi phần còn lại - Thủ thuật CSS

Var news = 2; hidenews = "- Ẩn kho lưu trữ tin tức"; shownews = "+ Hiển thị kho lưu trữ tin tức"; $ (". lưu trữ"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Hiển thị bài đăng FeedBurner mới nhất - Thủ thuật CSS

Hiển thị bài đăng FeedBurner mới nhất - Thủ thuật CSS

Đoạn mã này sẽ hiển thị bài đăng mới nhất trong nguồn cấp dữ liệu FeedBurner được chỉ định. Chỉ cần đặt URL thành nguồn cấp dữ liệu FeedBurner mong muốn của bạn. $ (tài liệu) .ready (function () ("

Trình duyệt hiển thị và phiên bản - Thủ thuật CSS

Trình duyệt hiển thị và phiên bản - Thủ thuật CSS

Đây là jQuery cụ thể và có một chút hack / sửa chữa để xử lý Chrome. Điều này hoạt động giữa jQuery 1.5.1 và jQuery 1.8.3. Nó đã biến mất trong jQuery "