1. Trang chủ
  2. » Công Nghệ Thông Tin

Jquery command

397 1.1K 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Cấu trúc

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .error()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .error(function(index){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .fadeIn(Độ bền)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeIn(Độ bền,function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeIn(Độ bền,'easing',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .fadeOut(Độ bền)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeOut(Độ bền,function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeOut(Độ bền,'easing',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .fadeTo(Độ bền)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeTo(Độ bền,function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeTo(Độ bền,độ mờ,'easing',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .fadeToggle(Độ bền)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .fadeToggle(Độ bền,'easing')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .filter(bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .filter(function(index){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .filter(Thành phần)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .find(bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .find(jquery object)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .first()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .focus()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .focus(function(){...});

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .focusin(function(){...});

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .focusout(function(){...});

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .get(n)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .has('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .hasClass(Bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .height()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .height()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .hide()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .hide(Độ bền)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .hide(Độ bền,function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .hide(Độ bền,'easing',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .hover(xử lý mouse enter,xử lý mouse leave)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .hover(xử lý mouse enter và xử lý mouse leave)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .html()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .html('Nội dung HTML')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .html(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • Cấu trúc

  • .index(Thành phần)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .index()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .index(Bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .innerHeight()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .innerWidth()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .insertAfter(bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .insertBefore(bộ chọn)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .keydown()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .keydown(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .keypress()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .keypress(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .keyup()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .keyup(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .last()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .length

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .live('sự kiện',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .load(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .load('url')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm - load một nội dung cụ thể trong file

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .load('url',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .mousedown()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .mousedown(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ kết hợp mousedown và mouseup

    • Html viết:

  • Định nghĩa và sử dụng

    • Xem ví dụ để hiểu rõ mouseenter và mouseover

  • Cấu trúc

  • .mouseenter()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .mouseenter(function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Định nghĩa và sử dụng

  • Định nghĩa và sử dụng

  • Định nghĩa và sử dụng

  • Định nghĩa và sử dụng

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .next()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .next('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .nextAll()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .nextAll('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .nextUntil('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .nextUntil('Thành phần')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .not('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .not(function(index){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .not('jQuery Object')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .off()

    • Html viết:

    • Hiển thị trình duyệt:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

  • .off('sự kiện','bộ chọn','Xử lý sự kiện')

    • Html viết:

    • Hiển thị trình duyệt:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .offset()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .offset(tọa độ)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .offset(function(index,tọa độ){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .offsetParent()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .on('Sự kiện', function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

  • .on('Sự kiện', 'Bộ chọn', function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .one('Sự kiện',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .one('Sự kiện','bộ chọn',function(){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .outerHeight()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .outerHeight(Tùy chọn margin)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .outerWidth()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .outerWidth(Tùy chọn margin)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .parent()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .parent('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .parents()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .parents('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .parentsUntil("Bộ lọc")

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .parentsUntil("bộ chọn","bộ lọc")

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .position()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .prepend(nội dung)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .prepend(function(index){...})

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .prependTo(Mục tiêu)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .attr(tên thuộc tính)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .attr(tên thuộc tính, giá trị thuộc tính)

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .attr({ tên thuộc tính 1: giá trị thuộc tính 1, ..., tên thuộc tính n: giá trị thuộc tính n })

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .attr({ tên thuộc tính 1: giá trị thuộc tính 1, ..., tên thuộc tính n: giá trị thuộc tính n })

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .prev()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .prev('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .prevAll()

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .prevAll('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Ví dụ thêm

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • Định nghĩa và sử dụng

  • Cấu trúc

  • .prevUntil('Bộ chọn')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .prevUntil('Thành phần')

    • Html viết:

    • Hiển thị trình duyệt:

    • So sánh code HTML trước và sau khi có jQuery:

  • .pushStack( elements )

  • .replaceAll( target )

  • .replaceWith( newContent )

  • Examples:

    • Example: On click, replace the button with a div containing the same word.

    • Example: Replace all paragraphs with bold words.

    • Demo:

  • .scrollLeft()

    • Example:

      • Get the scrollLeft of a paragraph.

    • Example:

      • Set the scrollLeft of a div.

    • .scrollTop()

    • Example:

      • Get the scrollTop of a paragraph.

    • Example:

      • Set the scrollTop of a div.

    • .size()

    • Example:

      • Count the divs. Click to add more.

    • .is( selector )Returns: Boolean

      • version added: 1.0.is( selector )

      • version added: 1.6.is( function(index) )

      • version added: 1.6.is( jQuery object )

      • version added: 1.6.is( element )

    • .map( callback(index, domElement) )

      • version added: 1.2.map( callback(index, domElement) )

    • jquery

      • jquery

    • Examples:

      • Example: Determine if an object is a jQuery object

      • Example: Get the current version of jQuery running on the page

    • .slice( start [, end ] )Returns: jQuery

      • .slice( start [, end ] )

    • Examples:

      • Example: Turns divs yellow based on a random slice.

    • .trigger( eventType [, extraParameters ] )

      • version added: 1.0.trigger( eventType [, extraParameters ] )

      • version added: 1.3.trigger( event [, extraParameters ] )

    • Examples:

      • Example: Clicks to button #2 also trigger a click for button #1.

    • .triggerHandler( eventType [, extraParameters ] )Returns: Object

      • version added: 1.2.triggerHandler( eventType [, extraParameters ] )

    • .unbind( [eventType ] [, handler(eventObject) ] )Returns: jQuery

      • version added: 1.0.unbind( [eventType ] [, handler(eventObject) ] )

      • version added: 1.4.3.unbind( eventType, false )

      • version added: 1.0.unbind( event )

    • Examples:

      • Example: Can bind and unbind events to the colored button.

    • .data( key, value )

      • version added: 1.2.3.data( key, value )

      • version added: 1.4.3.data( obj )

    • Ví dụ:

    • Example:

      • Store then retrieve a value from the div element.

      • Demo:

    • .index()Returns: Number

      • version added: 1.4.index()

      • version added: 1.4.index( selector )

      • version added: 1.0.index( element )

    • Examples:

      • Example: On click, returns the index (based zero) of that div in the page.

      • Example: Returns the index for the element with ID bar.

      • Example: Returns the index for the element with ID bar in relation to all <li> elements.

      • Example: Returns the index for the element with ID bar in relation to its siblings.

      • Example: Returns -1, as there is no element with ID foobar.

    • jQuery.trim( str )Returns: String

      • version added: 1.0jQuery.trim( str )

    • Examples:

      • Example: Remove the white spaces at the start and at the end of the string.

      • Demo:

    • jQuery.type( obj )Returns: String

      • version added: 1.4.3jQuery.type( obj )

    • Example:

      • Find out if the parameter is a RegExp.

  • Ajax trong JQuery (P1) - phương thức load()

  • Ajax Load

  • JSON+JQUERY

    • Sử dụng $.getJSON để lấy dữ liệu từ server side

Nội dung

Hàm jQuery 8 Mô tả HÀM (FUNCTIONS) .add() .addBack() .addClass() .after() .andSelf() .animate() .append() .appendTo() .attr() .before() .bind() .blur() callbacks.add() callbacks.disable() callbacks.disabled() callbacks.empty() callbacks.fire() callbacks.fired() callbacks.fireWith() callbacks.has() callbacks.lock() callbacks.locked() callbacks.remove() .change() .children() .clearQueue() .click() .clone() .closest() .contents() .context .css() .data() .dblclick() deferred.always() deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.notify() deferred.notifyWith() deferred.pipe() deferred.progress() deferred.promise() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() deferred.state() deferred.then() .delay() .delegate() .dequeue() .detach() .die() .each() .empty() .end() .eq() .error() event.currentTarget event.data event.delegateTarget event.isDefaultPrevented() event.isImmediatePropagationStopped( ) event.isPropagationStopped() event.metaKey event.namespace event.pageX event.pageY event.preventDefault() event.relatedTarget event.result event.stopImmediatePropagation() event.stopPropagation() event.target event.timeStamp event.type event.which .fadeIn() .fadeOut() .fadeTo() .fadeToggle() .filter() .find() .finish() .first() .focus() .focusin() .focusout() .get() .has() .hasClass() .height() .hide() .hover() .html() .index() .innerHeight() .innerWidth() .insertAfter() .insertBefore() .is() jQuery() .jquery jQuery.boxModel jQuery.browser jQuery.Callbacks() jQuery.contains() jQuery.cssHooks jQuery.data() jQuery.Deferred() jQuery.dequeue() jQuery.each() jQuery.error() jQuery.extend() jQuery.fx.interval jQuery.fx.off jQuery.globalEval() jQuery.grep() jQuery.hasData() jQuery.holdReady() jQuery.inArray() jQuery.isArray() jQuery.isEmptyObject() jQuery.isFunction() jQuery.isNumeric() jQuery.isPlainObject() jQuery.isWindow() jQuery.isXMLDoc() jQuery.makeArray() jQuery.map() jQuery.merge() jQuery.noConflict() jQuery.noop() jQuery.now() jQuery.param() jQuery.parseHTML() jQuery.parseJSON() jQuery.parseXML() jQuery.proxy() jQuery.queue() jQuery.removeData() jQuery.sub() jQuery.support jQuery.trim() jQuery.type() jQuery.unique() jQuery.when() .keydown() .keypress() .keyup() .last() .length .live() .load() .map() .mousedown() .mouseenter() .mouseleave() .mousemove() .mouseout() .mouseover() .mouseup() .next() .nextAll() .nextUntil() .not() .off() .offset() .offsetParent() .on() .one() .outerHeight() .outerWidth() .parent() .parents() .parentsUntil() .position() .prepend() .prependTo() .prev() .prevAll() .prevUntil() .promise() .prop() .pushStack() .queue() .ready() .remove() .removeAttr() .removeClass() .removeData() .removeProp() .replaceAll() .replaceWith() .resize() .scroll() .scrollLeft() .scrollTop() .select() .selector .serialize() .serializeArray() .show() .siblings() .size() .slice() .slideDown() .slideToggle() .slideUp() .stop() .submit() .text() .toArray() .toggle() .toggleClass() .trigger() .triggerHandler() .unbind() .undelegate() .unload() .unwrap() .val() .width() .wrap() .wrapAll() .wrapInner() Hàm jQuery Ví dụ Mô tả BỘ CHỌN (SELECTORS) $('*') $('*') Chọn tất cả các thành phần có trong văn bản HTML, khi sử dụng bộ chọn này có thể sẽ khiến quá trình xử lý của một số trình duyệt chậm lại. $('tag') $('div') Chọn thành phần theo từng tag cụ thể. $('tag.tênclass') $('div.test') Chọn thành phần theo từng class cụ thể. $('tag#tênid') $('div#test') Chọn thành phần theo từng id cụ thể. $('selector1, selector2 , selectorN ') $('div, ul li, p') Chọn nhiều bộ chọn giúp bạn có thể chọn một lúc nhiều bộ chọn khác nhau, tốn ít thời gian hơn cho việc chọn từng bộ chọn. $('parent > child ') $('div > p') Chọn thành phần con dựa theo thành phần cha. $('tag:eq()') $('ul li:eq(3)') Chọn thành phần với một chỉ số n cụ thể. $('tag:gt()') $('ul li:gt(3)') Chọn các thành phần với chỉ số lớn hơn chỉ số n. $('tag:lt()') $('ul li:lt(3)') Chọn các thành phần với chỉ số nhỏ hơn chỉ số n. $('tag:even') $('ul li:even') Chọn các phần tử ở vị trí lẻ. $('tag:odd') $('ul li:odd') Chọn các phần tử ở vị trí chẵn. $('tag:first') $('p:first') Chọn phần tử ở vị trí đầu tiên. $('tag:last') $('p:last') Chọn phần tử ở vị trí cuối cùng. $('tag:first-child') $('ul li:first-child') Chọn các phần tử con ở vị trí đầu tiên. $('tag:first-of-type') $('ul li:first-of-type') Chọn thành phần con đầu tiên hoặc duy nhất trong các thành phần cha. $('tag:last-child') $('ul li:last-child') Chọn các phần tử con ở vị trí cuối cùng. $('tag:last-of-type') $('p:last-of-type') Chọn thành phần con cuối cùng hoặc duy nhất trong các thành phần cha. $('tag:nth-child()') $('p:nth-child(3)') Chọn thành phần thứ "n" trong thành phần cha, gốc tính được tính từ thành phần đầu tiên trở đi. $('tag:nth-last-child()') $('p:nth-last-child(3)') Chọn thành phần thứ "n" trong thành phần cha, gốc tính được tính từ thành phần cuối cùng trở lại. $('tag:nth-of-type()') $('p:nth-of-type(3)') Chọn thành phần thứ "n", gốc tính được tính từ thành phần đầu tiên trở đi. $('tag:nth-last-of-type()') $('p:nth-last-of-type(3)') Chọn thành phần thứ "n", gốc tính được tính từ thành phần cuối cùng trở lại. $('tag:only-child') $('p:only-child') Chọn thành phần con trong các thành phần cha, khi thành phần cha có mỗi thành phần con là chính nó, không được chứa thành phần con khác. $('tag:only-of-type') $('p:only-of-type') Chọn thành phần con trong các thành phần cha, khi thành phần cha có một thành phần con là chính nó. $('tag:animated') $('div:animated') Chọn các thành phần đang chuyển động. $('tag[attribute]') $('[title]') Chọn các thành phần có sử dụng cùng thuộc tính. $('tag[attribute="value"]') $('[title="Học jQuery"]') Chọn thành phần có thuộc tính với giá trị xác định. $('tag[attribute!="value"]') $('[title=!"Học jQuery"]') Chọn những thành phần ngoài thành phần chứa thuộc tính với giá trị xác định. $('tag[attribute|="value"]') $('[title|="Học jQuery"]') Chọn thành phần có thuộc tính với giá trị xác định, hoặc một chuỗi với giá trị bắt đầu bằng value $('tag[attribute^="value"]') $('[title^="Học jQuery"]') Chọn thành phần có thuộc tính với giá trị xác định, hoặc một chuỗi với giá trị bắt đầu bằng value. $('tag[attribute$="value"]') $('[title$="Học jQuery"]') Chọn thành phần có thuộc tính với giá trị xác định, hoặc một chuỗi với giá trị [...]... src="http://code .jquery. com /jquery- latest.js"> $(function(){ $('div').add('p').css('border','1px solid blue'); }); Thành phần div Thành phần p Hiển thị trình duyệt: Thêm thành phần p tham gia vào một hành động chèn style cùng với thành phần div So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành... HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành phần div Thành phần p Thành phần div Thành phần p add(html) Html viết: Tiêu đề ... phần div được thêm vào body So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành phần div Thành phần div tag p có class test add(Object) Html viết: Tiêu đề $(function(){ $('div').add($('p').css('color','red')).css('border','1px... HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành phần div Thành phần p add(bộ chọn,context) Html viết: Thành phần div Thành phần p Tiêu đề ... test { background-color: blue; } $(function(){ $('div').addClass('test'); }); Thành phần div Hiển thị trình duyệt: Thành phần div đã được thêm class="test" So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành phần div... phần div So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery thành phần h3 thành phần p thành phần p thành phần h3 after(function(index){ }) Html viết: Tiêu đề $(function(){... src="http://code .jquery. com /jquery- latest.js"> $(function(){ $('div').andSelf().css('border','1px solid blue'); }); Thành phần div Hiển thị trình duyệt: Thực hiện một hành động bởi chính nó, thẻ div được thêm style là border','1px solid blue So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành... vị trí sau cùng của thành phần div So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành phần div Thành phần div nội dung thêm vào Ví dụ thêm Html viết: Tiêu đề $(function(){ $('div').append($('h3'));... phần div So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery thành phần h3 thành phần p append(function(index){ }) thành phần p thành phần h3 Html viết: Tiêu đề $(function(){... src="http://code .jquery. com /jquery- latest.js"> $(function(){ $('Thành phần p').appendTo('div.test'); }); Thành phần div Hiển thị trình duyệt: Ta thấy thành phần p đã được chèn vào thành phần div, ngay vị trí cuối cùng So sánh code HTML trước và sau khi có jQuery: Trước khi có jQuery Sau khi có jQuery Thành . (FUNCTIONS) .add() .addBack() .addClass() .after() .andSelf() .animate() .append() .appendTo() .attr() .before() .bind() .blur() callbacks.add() callbacks.disable() callbacks.disabled() callbacks.empty() callbacks.fire() callbacks.fired() callbacks.fireWith() callbacks.has() callbacks.lock() callbacks.locked() callbacks.remove() .change() .children() .clearQueue() .click() .clone() .closest() .contents() .context .css() .data() .dblclick() deferred.always() deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.notify() deferred.notifyWith() deferred.pipe() deferred.progress() deferred.promise() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() deferred.state() deferred.then() .delay() .delegate() .dequeue() .detach() .die() .each() .empty() .end() .eq() .error() event.currentTarget event.data event.delegateTarget event.isDefaultPrevented() event.isImmediatePropagationStopped( ) event.isPropagationStopped() event.metaKey event.namespace event.pageX event.pageY event.preventDefault() event.relatedTarget event.result event.stopImmediatePropagation() event.stopPropagation() event.target event.timeStamp event.type event.which .fadeIn() .fadeOut() .fadeTo() .fadeToggle() .filter() .find() .finish() .first() .focus() .focusin() .focusout() .get() .has() .hasClass() .height() .hide() .hover() .html() .index() .innerHeight() .innerWidth() .insertAfter() .insertBefore() .is() jQuery( ) .jquery jQuery.boxModel jQuery. browser jQuery. Callbacks() jQuery. contains() jQuery. cssHooks jQuery. data() jQuery. Deferred() jQuery. dequeue() jQuery. each() jQuery. error() jQuery. extend() jQuery. fx.interval jQuery. fx.off jQuery. globalEval() jQuery. grep() jQuery. hasData() jQuery. holdReady() jQuery. inArray() jQuery. isArray() jQuery. isEmptyObject() jQuery. isFunction() jQuery. isNumeric() jQuery. isPlainObject() jQuery. isWindow() jQuery. isXMLDoc() jQuery. makeArray() jQuery. map() jQuery. merge() jQuery. noConflict() jQuery. noop() jQuery. now() jQuery. param() jQuery. parseHTML() jQuery. parseJSON() jQuery. parseXML() jQuery. proxy() jQuery. queue() jQuery. removeData() jQuery. sub() jQuery. support jQuery. trim() jQuery. type() jQuery. unique() jQuery. when() .keydown() .keypress() .keyup() .last() .length .live() .load() .map() .mousedown() .mouseenter() .mouseleave() .mousemove() .mouseout() .mouseover() .mouseup() .next() .nextAll() .nextUntil() .not() .off() .offset() .offsetParent() .on() .one() .outerHeight() .outerWidth() .parent() .parents() .parentsUntil() .position() .prepend() .prependTo() .prev() .prevAll() .prevUntil() .promise() .prop() .pushStack() .queue() .ready() .remove() .removeAttr() .removeClass() .removeData() .removeProp() .replaceAll() .replaceWith() .resize() .scroll() .scrollLeft() .scrollTop() .select() .selector .serialize() .serializeArray() .show() .siblings() .size() .slice() .slideDown() .slideToggle() .slideUp() .stop() .submit() .text() .toArray() .toggle() .toggleClass() .trigger() .triggerHandler() .unbind() .undelegate() .unload() .unwrap() .val() .width() .wrap() .wrapAll() .wrapInner() Hàm. (FUNCTIONS) .add() .addBack() .addClass() .after() .andSelf() .animate() .append() .appendTo() .attr() .before() .bind() .blur() callbacks.add() callbacks.disable() callbacks.disabled() callbacks.empty() callbacks.fire() callbacks.fired() callbacks.fireWith() callbacks.has() callbacks.lock() callbacks.locked() callbacks.remove() .change() .children() .clearQueue() .click() .clone() .closest() .contents() .context .css() .data() .dblclick() deferred.always() deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.notify() deferred.notifyWith() deferred.pipe() deferred.progress() deferred.promise() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() deferred.state() deferred.then() .delay() .delegate() .dequeue() .detach() .die() .each() .empty() .end() .eq() .error() event.currentTarget event.data event.delegateTarget event.isDefaultPrevented() event.isImmediatePropagationStopped( ) event.isPropagationStopped() event.metaKey event.namespace event.pageX event.pageY event.preventDefault() event.relatedTarget event.result event.stopImmediatePropagation() event.stopPropagation() event.target event.timeStamp event.type event.which .fadeIn() .fadeOut() .fadeTo() .fadeToggle() .filter() .find() .finish() .first() .focus() .focusin() .focusout() .get() .has() .hasClass() .height() .hide() .hover() .html() .index() .innerHeight() .innerWidth() .insertAfter() .insertBefore() .is() jQuery( ) .jquery jQuery.boxModel jQuery. browser jQuery. Callbacks() jQuery. contains() jQuery. cssHooks jQuery. data() jQuery. Deferred() jQuery. dequeue() jQuery. each() jQuery. error() jQuery. extend() jQuery. fx.interval jQuery. fx.off jQuery. globalEval() jQuery. grep() jQuery. hasData() jQuery. holdReady() jQuery. inArray() jQuery. isArray() jQuery. isEmptyObject() jQuery. isFunction() jQuery. isNumeric() jQuery. isPlainObject() jQuery. isWindow() jQuery. isXMLDoc() jQuery. makeArray() jQuery. map() jQuery. merge() jQuery. noConflict() jQuery. noop() jQuery. now() jQuery. param() jQuery. parseHTML() jQuery. parseJSON() jQuery. parseXML() jQuery. proxy() jQuery. queue() jQuery. removeData() jQuery. sub() jQuery. support jQuery. trim() jQuery. type() jQuery. unique() jQuery. when() .keydown() .keypress() .keyup() .last() .length .live() .load() .map() .mousedown() .mouseenter() .mouseleave() .mousemove() .mouseout() .mouseover() .mouseup() .next() .nextAll() .nextUntil() .not() .off() .offset() .offsetParent() .on() .one() .outerHeight() .outerWidth() .parent() .parents() .parentsUntil() .position() .prepend() .prependTo() .prev() .prevAll() .prevUntil() .promise() .prop() .pushStack() .queue() .ready() .remove() .removeAttr() .removeClass() .removeData() .removeProp() .replaceAll() .replaceWith() .resize() .scroll() .scrollLeft() .scrollTop() .select() .selector .serialize() .serializeArray() .show() .siblings() .size() .slice() .slideDown() .slideToggle() .slideUp() .stop() .submit() .text() .toArray() .toggle() .toggleClass() .trigger() .triggerHandler() .unbind() .undelegate() .unload() .unwrap() .val() .width() .wrap() .wrapAll() .wrapInner() Hàm. (FUNCTIONS) .add() .addBack() .addClass() .after() .andSelf() .animate() .append() .appendTo() .attr() .before() .bind() .blur() callbacks.add() callbacks.disable() callbacks.disabled() callbacks.empty() callbacks.fire() callbacks.fired() callbacks.fireWith() callbacks.has() callbacks.lock() callbacks.locked() callbacks.remove() .change() .children() .clearQueue() .click() .clone() .closest() .contents() .context .css() .data() .dblclick() deferred.always() deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.notify() deferred.notifyWith() deferred.pipe() deferred.progress() deferred.promise() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() deferred.state() deferred.then() .delay() .delegate() .dequeue() .detach() .die() .each() .empty() .end() .eq() .error() event.currentTarget event.data event.delegateTarget event.isDefaultPrevented() event.isImmediatePropagationStopped( ) event.isPropagationStopped() event.metaKey event.namespace event.pageX event.pageY event.preventDefault() event.relatedTarget event.result event.stopImmediatePropagation() event.stopPropagation() event.target event.timeStamp event.type event.which .fadeIn() .fadeOut() .fadeTo() .fadeToggle() .filter() .find() .finish() .first() .focus() .focusin() .focusout() .get() .has() .hasClass() .height() .hide() .hover() .html() .index() .innerHeight() .innerWidth() .insertAfter() .insertBefore() .is() jQuery( ) .jquery jQuery.boxModel jQuery. browser jQuery. Callbacks() jQuery. contains() jQuery. cssHooks jQuery. data() jQuery. Deferred() jQuery. dequeue() jQuery. each() jQuery. error() jQuery. extend() jQuery. fx.interval jQuery. fx.off jQuery. globalEval() jQuery. grep() jQuery. hasData() jQuery. holdReady() jQuery. inArray() jQuery. isArray() jQuery. isEmptyObject() jQuery. isFunction() jQuery. isNumeric() jQuery. isPlainObject() jQuery. isWindow() jQuery. isXMLDoc() jQuery. makeArray() jQuery. map() jQuery. merge() jQuery. noConflict() jQuery. noop() jQuery. now() jQuery. param() jQuery. parseHTML() jQuery. parseJSON() jQuery. parseXML() jQuery. proxy() jQuery. queue() jQuery. removeData() jQuery. sub() jQuery. support jQuery. trim() jQuery. type() jQuery. unique() jQuery. when() .keydown() .keypress() .keyup() .last() .length .live() .load() .map() .mousedown() .mouseenter() .mouseleave() .mousemove() .mouseout() .mouseover() .mouseup() .next() .nextAll() .nextUntil() .not() .off() .offset() .offsetParent() .on() .one() .outerHeight() .outerWidth() .parent() .parents() .parentsUntil() .position() .prepend() .prependTo() .prev() .prevAll() .prevUntil() .promise() .prop() .pushStack() .queue() .ready() .remove() .removeAttr() .removeClass() .removeData() .removeProp() .replaceAll() .replaceWith() .resize() .scroll() .scrollLeft() .scrollTop() .select() .selector .serialize() .serializeArray() .show() .siblings() .size() .slice() .slideDown() .slideToggle() .slideUp() .stop() .submit() .text() .toArray() .toggle() .toggleClass() .trigger() .triggerHandler() .unbind() .undelegate() .unload() .unwrap() .val() .width() .wrap() .wrapAll() .wrapInner() Hàm

Ngày đăng: 06/05/2014, 13:54

Xem thêm

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w