Cổng Khoa học Máy tính dành cho những người yêu thích máy tính. Nó bao gồm các bài báo về khoa học máy tính và lập trình được viết tốt, tư duy tốt và được giải thích tốt, các câu đố và thực hành / lập trình cạnh tranh / các câu hỏi phỏng vấn công ty.

Bạn đang xem : jquery trên chức năng làm mờ

Blur () là một phương thức có sẵn là jQuery được sử dụng để xóa tiêu điểm khỏi phần tử đã chọn. Phương thức này bắt đầu sự kiện mờ hoặc nó có thể được đính kèm một hàm để chạy khi sự kiện mờ xảy ra.
Cú pháp:

$ (bộ chọn) .blur (hàm)

Tham số: Nó chấp nhận một tham số tùy chọn “function”.
Giá trị trả về: Nó không trả về bất kỳ thứ gì, nó chỉ kích hoạt làm mờ sự kiện trên phần tử đã chọn.

mã jQuery để hiển thị hoạt động của hàm fade ():
Mã số 1:
Trong đoạn mã dưới đây, không có hàm nào được chuyển cho phương thức mờ.

& lt; html & gt;

& lt; head & gt;

& lt; script src =" https://ajax.googleapis.com/ajax/libs/

jquery / 3.3.1 / jquery.min.js" & gt; & lt; / script & gt;

& lt; script & gt;

$ (document) .ready (function () {

$ ("# btn"). click (function () {

$ ("input"). dim ();

$ ("p"). html ("Đây là phương thức mờ được sử dụng !!!");

});

});

< / code> & lt; / script & gt;

< p class = "line number14 index13 alt1"> & lt; / head & gt;

& lt; body & gt;

Nhập giá trị:

& lt; input type = "text" & gt;

& lt; br & gt;

& lt; br & gt;

Nút & lt; id = " btn " & gt; bắt đầu sự kiện mờ !!! & lt; / nút & gt;

& lt; p style = "color: màu xanh lá cây " & gt; & lt; / p & gt;

& lt; / body & gt;

& lt; / html & gt;

 
 

Trong đoạn mã dưới đây, không có hàm nào được chuyển cho phương thức mờ.

Đầu ra:
Trước khi nhập bất kỳ giá trị nào vào hộp “Nhập giá trị ”-
 < br /> Sau en thêm giá trị “GeeksforGeeks” vào hộp “Nhập giá trị ”-

Sau khi nhấp vào nút" bắt đầu sự kiện làm mờ "-
< / p>

Mã số 2:
Trong đoạn mã dưới đây, hàm được chuyển cho phương thức mờ.

& lt; html & gt;

& lt; head & gt;

& lt; script src = " https://ajax.googleapis.com/ajax/libs/

jquery / 3.3.1 / jquery.min.js "& gt; & lt; / < / code> script & gt;

& lt; script & gt; < / p>

$ (document) .ready (function () {

$ (" đầu vào "). Mờ (function () {

$ (this) .css ("background -color "," # ADFF2F ");

});

});

& lt; / script & gt;

& lt; / head & gt;

& lt; body & gt;

Nhập Giá trị:

& lt; input type = "text" name = "fullname" & gt;

& lt; / body & gt;

& lt; / html & gt;

 
 

Đầu ra:
Trước khi nhập bất kỳ giá trị nào vào hộp “Nhập giá trị ”-

Sau khi nhập giá trị “GeeksforGeeks” vào “ Nhập Giá trị ”box-

Sau khi nhấp vào nút chuột ở bất kỳ đâu trên màn hình-

Ghi chú cá nhân của tôi


Xem thêm những thông tin liên quan đến chủ đề jquery trên chức năng làm mờ

jQuery Tutorial #6 - Building a jQuery Image Slider

alt

  • Tác giả: LearnCode.academy
  • Ngày đăng: 2014-06-12
  • Đánh giá: 4 ⭐ ( 2075 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this jQuery Tutorial, we're going to be building a jQuery Image Slider Widget. There are lots of great jQuery slider plugins out there that have way more features and real-world testing, but this lesson on building one will help you understand jQuery programming a lot. We'll also introduce the concept of "DOM caching" - searching the DOM as little as we possibly can and then saving the results for quick-access later. Let's get into this jQuery Tutorial

    View the source code here: http://jsfiddle.net/EjZzs/15/

    Lesson 1: jQuery Tutorial for Beginners
    https://www.youtube.com/watch?v=hMxGhHNOkCU

    Lesson 2: Listen to user events and respond with jQuery actions!
    https://www.youtube.com/watch?v=G-POtu9J-m4

    Lesson 3: Clean up the jQuery by putting some data in the HTML
    https://www.youtube.com/watch?v=Cc3K2jDdKTo

    Lesson 4: "DOM Traversal" with jQuery
    https://www.youtube.com/watch?v=LYKRkHSLE2E

    Lesson 5: Building a jQuery Tab Panel Widget
    https://www.youtube.com/watch?v=1nWrIBB_bMA

    -~-~~-~~~-~~-~-
    Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
    https://www.youtube.com/watch?v=fgOO9YUFlGI
    -~-~~-~~~-~~-~-

Tham khảo jQuery

  • Tác giả: hocwebchuan.com
  • Đánh giá: 3 ⭐ ( 4934 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hàm jQuery giúp bạn củng cố thêm kiến thức và hiểu rõ hơn những gì bạn đã học - Học Web Chuẩn

jquery trên chức năng nhấp chuột chỉ hoạt động khi nhấp đúp

  • Tác giả: isolution.pro
  • Đánh giá: 3 ⭐ ( 7223 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Làm mờ các phần tử đến độ mờ nhất định

  • Tác giả: hiepsiit.net
  • Đánh giá: 4 ⭐ ( 6022 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

jQuery là gì? Tổng quan và hướng dẫn sử dụng jQuery - Trung tâm hỗ trợ kỹ thuật

  • Tác giả: wiki.matbao.net
  • Đánh giá: 4 ⭐ ( 6001 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery là gì? jQuery là thư viện được viết từ JavaScript, giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn

Hiệu ứng ẩn hiện phần tử HTML DOM với jQuery

  • Tác giả: xuanthulab.net
  • Đánh giá: 5 ⭐ ( 8583 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng jQuery để ẩn hiện phần tử có kèm hiệu ứng với các phương thức như hide(), show(), toggle(), fadeToggle(), slideToggle()

Làm cách nào để bạn làm mờ màu nền bằng cách sử dụng jquery?

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 7888 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Chức năng chính xác này (phát sáng 3 giây để đánh dấu tin nhắn) được triển…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Cách khai báo mảng trong python - khai báo một mảng trong python

By ads_php