Tạo bài viết
Đăng ký
18/08/2018, 11:31

jQuery

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. ...

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ị kết thúc 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ị đặc biệt 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ị biệt bằng value riêng lẻ, chỉ chọn các giá trị nào được viết cách nhau bằng khoảng trắng.
$('tag:lang(language)') $(':lang(vi)') Chọn các thành phần có sử dụng cùng thuộc tính lang với language xác định.
$(tag[bộ chọn thuộc tính 1]
[bộ chọn thuộc tính n])		 $('div[id][title="Việt Nam"]') Chọn nhiều các thành phần với từng bộ chọn cụ thể
$('tag:parent') $('div:parent') Chọn thành phần có chứa ít nhất một thành phần con (text cũng có thể xem là thành phần con).
$('tag:empty') $('ul li:empty') Chọn thành phần không có chứa bất kỳ thành phần nào, kể cả text.
$('tag:text') $('div:text') Chọn thành phần input có thuộc tính type với giá trị text.
$('tag:button') $('input:button') Chọn thành phần input có thuộc tính type với giá trị button, hoặc tag button.
$('tag:checkbox') $('input:checkbox') Chọn thành phần input có thuộc tính type với giá trị checkbox.
$('tag:checked') $('input:checked') Chọn thành phần có thuộc tính checked.
$('tag:disabled') $('input:disabled') Chọn thành phần có thuộc tính disabled.
$('tag:enabled') $('input:enabled') Chọn thành phần không có thuộc tính disabled.
$('tag:file') $('input:file') Chọn thành phần có thuộc tính type với giá trị file.
$('tag:focus') $('input:focus') Chọn thành phần khi được focus.
$('tag:hidden') $('div:hidden') Chọn tất cả các thành phần không hiển thị, không dùng cho input với thuộc tính type="hidden".
$('tag:image') $('input:image') Chọn thành phần input có thuộc tính type với giá trị image.
$('tag:input') $('div:input') Chọn thành phần thuộc về form như: input, select, textarea và button.
$('tag:password') $('input:password') Chọn thành phần input có thuộc tính type với giá trị password.
$('tag:radio') $('input:radio') Chọn thành phần input có thuộc tính type với giá trị radio.
$('tag:reset') $('input:reset') Chọn thành phần input có thuộc tính type với giá trị reset.
$('tag:selected') $(':selected') Chọn thành phần select.
$('tag:submit') $('input:submit') Chọn thành phần input có thuộc tính type với giá trị submit.
$('tag:visible') $('div:visible') Chọn thành phần đang nhìn thấy (visible), click vào các thành phần để hiểu rõ hơn.
$('tag:root') $(':root') Chọn thành phần gốc của văn bản, thành phần gốc chính là tag html.
$('tag:has(selector)') $('div:has(p)') Chọn thành phần có chứa ít nhất một phần tử phù hợp với quy định chọn.
$('tag:header') $('div:header') Chọn thành phần headline.
$('prev + next') $('div + span') Chọn thành phần kế tiếp ngay sau thành phần trước.
$('prev ~ siblings') $('div ~ p') Chọn tất cả các thành phần kế tiếp ngay sau thành phần trước.
$('tag:not(selector)') $('div:not(p)') Không chọn bộ chọn này.
$('tag:contains(text)') $('p:contains(html)') Chọn thành phần có chứa text được chỉ định.
HÀM (FUNCTIONS)
.add()
  • Ver 1.0

.add(bộ chọn)

.add(html)

  • Ver 1.3.2

.add(Object)

.add(bộ chọn,context)

 Thêm thành phần vào thành phần đã có để cùng thực hiện một hành động.
.addBack()
  • Ver 1.0

.addBack('Bộ chọn')

 Thêm thành phần vào trước thành phần đã có để cùng thực hiện một hành động.
.addClass()
  • Ver 1.0

.addClass(tênclass)

.addClass(tênclass01 tênclass02)

  • Ver 1.4

.addClass(function(index){...})

.addClass(function(index,class){...})

 thêm class cho thành phần.
.after()
  • Ver 1.0

.after(nội dung)

  • Ver 1.4

.after(function(index){...})

 Chèn nội dung, xác định bởi tham số vào ngay sau mỗi thành phần đã có.
.andSelf()
  • Ver 1.0

.andSelf()

 Thêm hành động cho chính thành phần chọn ban đầu.
.animate()
  • Ver 1.0

.animate(Thuộc tính,Tốc độ,'easing',function(){...})

.animate(Thuộc tính,Option)

 Thực hiện một hình ảnh động (animate) tùy chỉnh của một tập hợp các thuộc tính css.
.append()
  • Ver 1.0

.append(nội dung)

  • Ver 1.4

.append(function(index){...})

 Thành phần được chèn thêm nội dung, nội dung này thường được sắp xếp ở vị trí sau cùng.
.appendTo()
  • Ver 1.0

.appendTo(Mục tiêu)

 Chèn nội dung vào thành phần đã có, thường được sắp xếp ở vị trí sau cùng.
.attr()
  • Ver 1.0

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

.attr('tên thuộc tính','Giá trị thuộc tính$')

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

  • Ver 1.4

.attr('tên thuộc tính',function(index, attr))

 Xác định thuộc tính của thành phần.
.before()
  • Ver 1.0

.before(nội dung)

  • Ver 1.4

.before(function(index){...})

 Thêm thành phần vào ngay trước thành phần đã có.
.bind()
  • Ver 1.0

.bind('Sự kiện','Dữ liệu',(function(event){}))

  • Ver 1.4

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

.bind('Sự kiện',function(event){})

.bind('Sựkiện1 Sựkiện2',function(){})

.bind({Sựkiện1:function(){}, Sựkiện2:function(){}})

 Được sử dụng để đính kèm xử lý một sự kiện cho thành phần.
.blur()
  • Ver 1.0

.blur()

  • Ver 1.0

.blur(function(){})

 Kèm một hành động khi sử dụng blur, sự kiện blur là khi người dùng thoát khỏi focus trong trường nhập (input).
.change()
  • Ver 1.0

.change()

  • Ver 1.4.3

.change(function(){})

 Xác định một thành phần đã được thay đổi.
.children()
  • Ver 1.0

.children()

.children("bộ chọn")

 Lấy thành phần con trực tiếp của mỗi thành phần trong những thành phần phù hợp, có thể kết hợp vào bộ chọn (selector).
.clearQueue()
  • Ver 1.4

.clearQueue(Tên queue)

 Loại bỏ các thành phần đang đợi tới lượt (chưa được chạy).
.click()
  • Ver 1.0

.click()

  • Ver 1.4.3

.click(function(){})

 Kích hoạt sự kiện click trên thành phần hoặc ràng buộc xử lý một sự kiện tới sự kiện click trong javascript.
.clone()
  • Ver 1.0

.clone()

  • Ver 1.5

.clone(Boolean)

 Tạo một bản sao (copy) cho thành phần.
.closest()
  • Ver 1.3

.closest('bộ chọn')

  • Ver 1.6

.closest('thành phần')

 Chọn thành phần đầu tiên tính từ thành phần cha trở lên của chính thành phần được chọn.
Khác với .parent() chỉ chọn thành phần cha của chính nó, .closest() có thể chọn cả thành phần cấp cao hơn cấp cha.
.contents()
  • Ver 1.2

.contents()

 Lấy phần tử con của mỗi thành phần trong tập hợp các phần tử phù hợp, bao gồm cả nốt văn bản (text nodes) và nốt bình luận (comment nodes), node có thể hiểu như sau: Theo DOM, tất cả mọi thứ trong tài liệu XML là một node.
.context
  • Ver 1.3

.context

 Một DOM node context được thông qua jQuery();, nếu không được thông qua thì khi đó context sẽ có thể là môt document.
.css()
  • Ver 1.0

.css('thuộc tính','giá trị')

.css({'thuộc tính 01','thuộc tính 02',...})

 Được dùng để thêm một hoặc nhiều style cho thành phần, ngoài ra còn có thể sử dụng .css() để lấy giá trị style của thành phần.
.dblclick()
  • Ver 1.0

.dblclick()

  • Ver 1.4.3

.dblclick(function(){})

 Kích hoạt sự kiện double click trên thành phần hoặc ràng buộc xử lý một sự kiện tới sự kiện double click trong javascript.
.delay()
  • Ver 1.4

.delay(độ bền)

 Thiết lập một bộ đếm thời gian để trì hoãn thực hiện các hạng mục tiếp theo trong các hành động.
.delegate()
  • Ver 1.4.2

.delegate('bộ chọn','sự kiện',xử lý)

 Đính kèm một xử lý tới một hoặc nhiều sự kiện cho tất cả thành phần phù hợp với bộ chọn ngay lập tức hoặc sau đó dựa trên một tập hợp cụ thể các thành phần gốc.
.dequeue()
  • Ver 1.0

.dequeue()

 Thực hiện chức năng tiếp theo trên queue cho các thành phần phù hợp.
.detach()
  • Ver 1.4

.detach()

 Loại bỏ các phần tử xuất hiện từ DOM.
Được sử dụng tương tự như .remove(), tuy nhiên .detach() sẽ giữ lại tất cả các dữ liệu jQuery kết hợp với loại bỏ thành phần, phương pháp này sẽ hữu dụng khi thành phần được loại bỏ và thêm vào DOM sau một thời gian.
.die()
  • Ver 1.3

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

  • Ver 1.4.1

.die()

  • Ver 1.4.3

.die('sự kiện')

 Loại bỏ việc xử lý các sự kiện đang sử dụng phương pháp .live() trước đó.
.each()
  • Ver 1.0

.each(function(){}

 Thực hiện một hành động cho mỗi phần tử, mỗi lần thực hiện một phần tử, để làm được điều này ta cần sử dụng phương thức $(this).
.empty()
  • Ver 1.0

.empty()

 Loại bỏ tất cả các thành phần bên trong kể cả text của thành phần chọn.
.end()
  • Ver 1.0

.end()

 Chấm dứt hoạt động lọc mới nhất trong chuỗi hiện tại và quay trở lại các thiết lập của các thành phần phù hợp với trạng thái trước đó.
.eq()
  • Ver 1.1.2

.eq(n)

  • Ver 1.4

.eq(-n)

 Xác định thành phần ở vị trí thứ n.
.error()
  • Ver 1.0

.error()

  • Ver 1.4.3

.error(function(){...})

 Khi có lỗi xảy ra do một thành phần gặp lỗi có thể là do thành phần được tải không chính xác, khi đó .error() sẽ kích hoạt sự kiện lỗi hoặc thực hiện một function.
.fadeIn()
  • Ver 1.0

.fadeIn(Độ bền)

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

  • Ver 1.4.3

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

 Hiển thị các thành phần phù hợp với hiệu ứng rõ dần (fade in).
.fadeOut()
  • Ver 1.0

.fadeOut(Độ bền)

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

  • Ver 1.4.3

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

 Ẩn các thành phần phù hợp với hiệu ứng mờ dần (fade).
.fadeTo()
  • Ver 1.0

.fadeTo(Độ bền,độ mờ)

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

  • Ver 1.4.3

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

 Hiển thị các thành phần phù hợp với hiệu ứng mờ dần (fade).
.fadeToggle()
  • Ver 1.4.4

.fadeToggle(Độ bền)

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

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

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

 Làm hiển thị (display: block;) hoặc biến mất (display: none;) thành phần kèm với hiệu ứng làm mờ (opacity).
.filter()
  • Ver 1.0

.filter(bộ chọn)

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

  • Ver 1.4

.filter(jquery object)

 Giúp lọc các thành phần trong một nhóm các thành phần giống nhau.
.find()
  • Ver 1.0

.find(bộ chọn)

  • Ver 1.4

.find(jquery object)

 Giúp tìm thành phần trong thành phần cha.
.finish()
  • Ver 1.0

.finish(queue)

 Ngăn chặn các hình ảnh động (animate) đang chạy, loại bỏ ngay lập tức các hành động tiếp theo và hoàn thành các hành động này.
.first()
  • Ver 1.0

.first()

 Xác định thành phần đầu tiên trong các thành phần phù hợp.
.focus()
  • Ver 1.0

.focus()

.focus(function(){...})

 Xử lý một sự kiện focus, hoặc kích hoạt sự kiện focus cho thành phần.
.focusin()
  • Ver 1.4

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

 Xử lý một sự kiện "focusin" (xác nhận một focus).
.focusout()
  • Ver 1.4

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

 Xử lý một sự kiện "focusout" (xác nhận thoát khỏi focus).
.get()
  • Ver 1.0

.get()

.get(n)

 Lấy các thành phần DOM phù hợp của các đối tượng jQuery.
.has()
  • Ver 1.4

.has('Bộ chọn')

 Xây dựng một đối tượng jQuery mới từ một tập hợp con của các thành phần phù hợp.
.hasClass()
  • Ver 1.2

.hasClass('Tên class')

 Xác định thành phần có chứa class nhất định nào đó hay không.
.height()
  • Ver 1.0

.height()

.height(Giá trị)

 Xác định hoặc gán giá trị chiều cao (height) cho thành phần.
.hide()
  • Ver 1.0

.hide()

.hide(Độ bền)

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

  • Ver 1.4.3

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

 Ẩn thành phần phù hợp.
Thành phần sẽ được ẩn giống như được sử dụng style="display: none;".
.hover()
  • Ver 1.0

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

  • Ver 1.0

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

 kết hợp xử lý cả 2 sự kiện di chuyển con trỏ chuột vào thành phần (mouseenter) và di chuyển con trỏ chuột ra khỏi thành phần (mouseleave).
.html()
  • Ver 1.0

.html()

.html('Nội dung HTML')

  • Ver 1.4

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

 Lấy nội dung HTML của thành phần, hoặc gán giá trị HTML cho thành phần.
.index()
  • Ver 1.0

.index('thành phần')

 Trả về vị trí của thành phần trong các thành phần.
.innerHeight()
  • Ver 1.2.6

.innerHeight()

 Lấy giá trị chiều cao của thành phần phù hợp, chiều cao này không bao gồm border hay margin.
.innerWidth()
  • Ver 1.2.6

.innerWidth()

 Lấy giá trị chiều rộng của thành phần phù hợp, chiều cao này không bao gồm border hay margin.
.insertAfter()
  • Ver 1.0

.insertAfter(Mục tiêu)

 Chèn hoặc di chuyển một thành phần vào ngay sau mục tiêu được chọn.
.insertBefore()
  • Ver 1.0

.insertBefore('Mục tiêu')

 Chèn hoặc di chuyển một thành phần vào ngay trước mục tiêu được chọn.
.is()
  • Ver 1.0

.is('Bộ chọn')

  • Ver 1.6

.is('Thành phần')

.is('jQuery object')

.is(function(index){...})

 Kiểm tra các thành phần có phù hợp với bộ chọn, trả về "true" nếu ít nhất một trong các thành phần này phù hợp với đối số đã có.
.jquery
  • Ver 1.6

.jquery

 Xác định một thành phần có phải là jQuery object hay không.
Xác định phiên bản hiện tại của jQuery đang chạy trong trang.
.keydown()
  • Ver 1.0

.keydown()

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

 Ràng buộc một xử lý tới một sự kiện keydown (nhấn phím), hoặc kích hoạt sự kiện keydown lên một thành phần.
.keypress()
  • Ver 1.0

.keypress()

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

 Ràng buộc một xử lý tới một sự kiện keypress, hoặc kích hoạt sự kiện keypress lên một thành phần.
.keyup()
  • Ver 1.0

.keyup()

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

 Ràng buộc một xử lý tới một sự kiện keyup (nhã phím nhấn), hoặc kích hoạt sự kiện keyup lên một thành phần.
.last()
  • Ver 1.0

.last()

 Xác định thành phần cuối cùng trong các thành phần phù hợp.
.length
  • Ver 1.0

.length

 Xác định số lượng thành phần trong jQuery Object.
.live()
  • Ver 1.3

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

 .live() gắn một hoặc nhiều sự kiện cho các thành phần được chọn, và chỉ định một chức năng để chạy khi sự kiện xảy ra.
.load()
  • Ver 1.0

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

.load('url')

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

 Load sự kiện javascript.
Load dữ liệu từ server sau đó đặt HTML trở lại từ các thành phần được chọn.
.map()
  • Ver 1.0

.map(function(){...})

 Qua mỗi phần tử được chọn, thông qua một function tạo ra một jquery object có chứa các giá trị trả lại.
.mousedown()
  • Ver 1.0

.mousedown()

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

 Ràng buộc một xử lý tới một sự kiện mousedown (click chuột), hoặc kích hoạt sự kiện mousedown lên một thành phần.
.mouseenter()
  • Ver 1.0

.mouseenter()

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

 Ràng buộc một xử lý tới một sự kiện mouseenter (di chuyển chuột vào thành phần), hoặc kích hoạt sự kiện mouseenter lên một thành phần.
.mouseleave()
  • Ver 1.0

.mouseleave()

.mouseleave(function(){...})

 Ràng buộc một xử lý tới một sự kiện mouseleave (di chuyển chuột ra khỏi thành phần), hoặc kích hoạt sự kiện mouseleave lên một thành phần.
.mousemove()
  • Ver 1.0

.mousemove()

.mousemove(function(){...})

 Ràng buộc một xử lý tới một sự kiện mousemove (click chuột), hoặc kích hoạt sự kiện mousemove lên một thành phần.
.mouseout()
  • Ver 1.0

.mouseout()

.mouseout(function(){...})

 Ràng buộc một xử lý tới một sự kiện mouseout (di chuyển chuột ra khỏi một thành phần), hoặc kích hoạt sự kiện mouseout lên một thành phần.
.mouseover()
  • Ver 1.0

.mouseover()

.mouseover(function(){...})

 Ràng buộc một xử lý tới một sự kiện mouseover (di chuyển chuột ra khỏi thành phần), hoặc kích hoạt sự kiện mouseover lên một thành phần.
.mouseup()
  • Ver 1.0

.mouseup()

.mouseup(function(){...})

 Ràng buộc một xử lý tới một sự kiện mouseup (nhả chuột), hoặc kích hoạt sự kiện mouseup lên một thành phần.
.next()
  • Ver 1.0

.next()

.next('Bộ chọn')

 Xác định thành phần cùng cấp ngay kế tiếp thành phần sử dụng .next().
.nextAll()
  • Ver 1.2

.nextAll()

.nextAll('Bộ chọn')

 Xác định tất cả các thành phần cùng cấp ngay kế tiếp thành phần sử dụng .nextAll().
.nextUntil()
  • Ver 1.2

.nextUntil('Bộ chọn')

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

 Xác định tất cả các thành phần cùng cấp ngay kế tiếp thành phần được chọn (tag) và kết thúc việc này ngay tại thành phần (bộ chọn) có trong .nextAll().
.not()
  • Ver 1.0

.not('Bộ chọn')

  • Ver 1.4

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

.not(jQuery object)

 Không chọn thành phần nào có sử dụng .not().
.off()
  • Ver 1.7

.off()

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

 Thường được sử dụng để loại bỏ việc xử lý một sự kiện của thành phần khi sử dụng phướng thức .on()
.offset()
  • Ver 1.2

.offset()

  • Ver 1.4

.offset(tọa độ)

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

 Lấy tọa độ hiện tại của thành phần đầu tiên, hoặc thiết lập các tọa độ của từng thành phần trong tập hợp các thành phần phù hợp liên quan đến văn bản.
.offsetParent()
  • Ver 1.2.6

.offsetParent()

 Lấy một thành phần "tổ tiên" gần nhất có sử dụng thuộc tính position, những thành phần được lấy không phân biệt position: relative, absolute hay fixed.
.on()
  • Ver 1.7

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

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

 Đính kèm một hàm xử lý sự kiện cho một hoặc nhiều sự kiện tới một thành phần được chọn.
.one()
  • Ver 1.1

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

  • Ver 1.7

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

 Chèn một hoặc nhiều sự kiện cho một thành phần được chọn, xác định một function để chạy khi xảy ra một sự kiện.
.outerHeight()
  • Ver 1.2.6

.outerHeight()

.outerHeight(Tùy chọn margin)

 Lấy giá trị chiều cao của thành phần phù hợp, chiều cao này bao gồm border, padding.
.outerWidth()
  • Ver 1.2.6

.outerWidth()

.outerWidth(Tùy chọn margin)

 Lấy giá trị chiều rộng của thành phần phù hợp, chiều rộng này bao gồm border, padding.
.parent()
  • Ver 1.0

.parent()

.parent('bộ chọn')

 Lấy thành phần cha trực tiếp của mỗi thành phần trong những thành phần phù hợp, có thể kết hợp vào bộ chọn (selector).
.parents()
  • Ver 1.0

.parents()

.parents('bộ chọn')

 Lấy các thành phần tổ tiên của thành phần trong những thành phần phù hợp, có thể kết hợp vào bộ chọn (selector).
.parentsUntil()
  • Ver 1.0

.parentsUntil('bộ lọc')

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

 Lấy các thành phần tổ tiên của thành phần trong những thành phần phù hợp, lấy đến khi gặp thành phần có trong bộ lọc thì dừng lại.
.position()
  • Ver 1.2

.position()

 Lấy tọa độ hiện tại của thành phần, tọa độ này được tính dựa vào gốc của thành phần cha.
.prepend()
  • Ver 1.2

.prepend(nội dung)

  • Ver 1.4

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

 Chèn nội dung vào trong thành phần ở vị trí đầu tiên.
.prependTo()
  • Ver 1.0

.prependTo(Mục tiêu)

 Chèn nội dung vào thành phần đã có, thường được sắp xếp ở vị trí đầu tiên.
.prev()
  • Ver 1.0

.prev()

.prev('Bộ chọn')

 Xác định thành phần cùng cấp ngay trước thành phần sử dụng .prev().
.prevAll()
  • Ver 1.2

.prevAll()

.prevAll('Bộ chọn')

 Xác định tất cả các thành phần cùng cấp ngay trước thành phần sử dụng .prevAll().
.prevUntil()
  • Ver 1.4

.prevUntil('Bộ chọn')

  • Ver 1.6

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

 Xác định tất cả các thành phần cùng cấp ngay trước thành phần được chọn (tag) và kết thúc việc này ngay tại thành phần (bộ chọn) có trong .nextAll().
.remove()
  • Ver 1.0

.remove()

.remove('Bộ chọn')

 Loại bỏ các thành phần được xác định.
.removeAttr()
  • Ver 1.0

.remove('Tên thuộc tính')

 Loại bỏ các thuộc tính (attr) có bên trong thành phần.
.removeClass()
  • Ver 1.0

.removeClass()

.removeClass('Tên class')

  • Ver 1.4

.removeClass(function(index,class){})

 Loại bỏ thuộc tính (attr) class có bên trong thành phần.
.removeData()
  • Ver 1.2.3

.removeClass('Tên dữ liệu')

  • Ver 1.7

.removeClass('List')

 Loại bỏ dữ liệu đã được lưu trữ trước đó.
.removeProp()
  • Ver 1.6

.removeProp('Tên thuộc tính')

  • Ver 1.7

.removeProp('List')

 Loại bỏ thuộc tính của thành phần được tao bởi phương thức .prop().
.replaceAll()
  • Ver 1.6

.replaceAll('Mục tiêu')

 Thay thế từng nội dung và cả thành phần mục tiêu bằng nội dung và thành phần khác.
.replaceWith()
  • Ver 1.2

.replaceWith('Thành phần mới')

  • Ver 1.4

.replaceWith(function(){})

 Thay thế từng nội dung và thành phần mới tới thành phần mục tiêu đã chọn.
.resize()
  • Ver 1.0

.resize()

.resize(function(){})

 Ràng buộc một xử lý sự kiện "resize" hoặc kích hoạt sự kiện trên thành phần.
.scroll()
  • Ver 1.0

.scroll()

.scroll(function(){})

 Ràng buộc xử lý một sự kiện tới sự kiện Javascript "scroll" hay kích hoạt sự kiện này trên thành phần.
.scrollLeft()
  • Ver 1.2.6

.scrollLeft()

.scrollLeft(Giá trị)

 Lấy vị trí hiện tại theo chiều ngang của thanh cuộn cho các thành phần đầu tiên trong một bộ các thành phần phù hợp hoặc thiết lập vị trí ngang của thanh cuộn cho mỗi thành phần phù hợp.
.scrollTop()
  • Ver 1.2.6

.scrollTop()

.scrollTop(Giá trị)

 Lấy vị trí hiện tại theo chiều dọc của thanh cuộn cho các thành phần đầu tiên trong một bộ các thành phần phù hợp hoặc thiết lập vị trí dọc của thanh cuộn cho mỗi thành phần phù hợp.
.select()
  • Ver 1.0

.select()

.select(function(){})

 Ràng buộc xử lý một sự kiện tới sự kiện Javascript "select" hay kích hoạt sự kiện này trên thành phần.
.selector()
  • Ver 1.3

.selector()

 Lấy bộ chọn của thành phần.
.serialize()
  • Ver 1.0

.serialize()

 Lấy giá trị các thành phần form, mã hóa các giá trị này thành giá trị chuỗi.
.serializeArray()
  • Ver 1.0

.serializeArray()

 Lấy giá trị các thành phần form, mã hóa các giá trị này thành giá trị chuỗi.
.show()
  • Ver 1.0

.show()

.show(Độ bền)

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

  • Ver 1.4.3

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

 Hiện thành phần phù hợp, thành phần sẽ được hiện giống như được sử dụng style="display: block;".
.siblings()
  • Ver 1.0

.siblings()

.siblings('Bộ chọn')

 Lấy thành phần con cùng cấp của mỗi thành phần trong một bộ chọn phù hợp.
.size()
  • Ver 1.0

.size()

 Xác định số lượng thành phần trong jQuery Object.
.slice()
  • Ver 1.1.4

.slice(n)

.slice(start, end)

 Chọn một dãy các thành phần con từ một tập hợp thành phần cha với các chỉ số thích hợp.
.slideDown()
  • Ver 1.0

.slideDown(Độ bền)

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

  • Ver 1.4.3

.slideDown(Độ bền,'easing')

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

 Hiển thị các thành phần phù hợp với hiệu ứng chuyển động trượt (slide).
.slideToggle()
  • Ver 1.0

.slideToggle(Độ bền)

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

  • Ver 1.4.3

.slideToggle(Độ bền,'easing')

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

 Hiển thị và ẩn các thành phần phù hợp với hiệu ứng chuyển động trượt (slide).
.slideUp()
  • Ver 1.0

.slideUp(Độ bền)

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

  • Ver 1.4.3

.slideUp(Độ bền,'easing')

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

 Ẩn các thành phần phù hợp với hiệu ứng chuyển động trượt (slide).
.stop()
  • Ver 1.2

.stop()

  • Ver 1.7

.stop(stopAll)

.stop(stopAll, goToEnd)

 Dừng chuyển động đang chạy của thành phần phù hợp.
.submit()
  • Ver 1.0

.submit()

.submit(function(){})

 Ràng buộc xử lý một sự kiện tới sự kiện Javascript "submit" hay kích hoạt sự kiện này trên thành phần.
.text()
  • Ver 1.0

.text()

.text('Nội dung')

  • Ver 1.4

.text(function(){...})

 Lấy nội dung text của thành phần, hoặc thay đổi nội dung text cho thành phần.
.toArray()
  • Ver 1.0

.toArray()

 Lấy tất cả các thành phần DOM chứa trong tập jQuery, như là một mảng (array).
.toggle()
  • Ver 1.0

.toggle(Độ bền)

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

.toggle(function(){...}, function(){...})

  • Ver 1.4.3

.toggle(Độ bền, 'easing')

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

  • Ver 1.3

.toggle(showOrHide)

 Hiển thị và ẩn các thành phần phù hợp, việc hiển thị và ẩn được luân phiên nhau giữa các lần action (VD action Click).
.toggleClass()
  • Ver 1.0

.toggleClass('tên class')

.toggleClass('tên class', switch)

  • Ver 1.0

.toggleClass([switch])

.toggleClass(function(){...})

 Thêm hoặc loại bỏ một hoặc nhiều class của thành phần.
.trigger()
  • Ver 1.0

.trigger(Sự kiện,Tham số)

 Thực hiện tất cả các xử lý và đính kèm các loại sự kiện nhất định tới thành phần được chọn.
.triggerHandler()
  • Ver 1.0

.triggerHandler(Sự kiện,Tham số)

 Kích hoạt sự kiện được xác định cho thành phần đc chọn.
.unbind()
  • Ver 1.0

.unbind(Sự kiện)

.unbind()

.unbind(Sự kiện, function(){...})

 Loại bỏ sự kiện được đính kèm trước đó từ thành phần.
.undelegate()
  • Ver 1.4.2

.undelegate()

.undelegate('Bộ chọn','Sự kiện')

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

 Loại bỏ xử lý của một sự kiện cho tất cả thành phần phù hợp dựa trên một tập hợp cụ thể các thành phần gốc.
.unload()
  • Ver 1.0

.unload(Xử lý)

.unload('Dữ liệu sự kiện'Xử lý)

 Ràng buộc xử lý một sự kiện tới sự kiện javascript unload.
.unwrap()
  • Ver 1.4

.unwrap()

 Loại bỏ thành phần cha của thành phần được chọn từ DOM.
.val()
  • Ver 1.0

.val()

.val('Giá trị')

.val(function(index,value){...})

 Lấy giá trị hiện tại của thành phần, hoặc thay đổi giá trị cho thành phần.
.awidth()
  • Ver 1.0

.awidth()

.awidth('Giá trị')

 Xác định hoặc gán giá trị chiều rộng (awidth) cho thành phần.
.wrap()
  • Ver 1.0

.wrap(Cấu trúc HTLM)

.wrap(Bộ chọn)

.wrap(function(index){})

 Bao ngoài thành phần được chọn bởi một cấu trúc HTML.
.wrapAll()
  • Ver 1.0

.wrapAll(Cấu trúc HTLM)

.wrapAll(Bộ chọn)

 Bao ngoài các thành phần được chọn bởi một cấu trúc HTML.
.wrapInner()
  • Ver 1.0

.wrapInner(Cấu trúc HTLM)

.wrapInner(Bộ chọn)

.wrapInner(function(index){})

 Bao ngoài nội dung của thành phần được chọn bởi một cấu trúc HTML
AJAX
.ajaxComplete()
.ajaxError()
.ajaxSend()
.ajaxStart()
.ajaxStop()
.ajaxSuccess()
jQuery.ajax()
jQuery.ajaxPrefilter()
jQuery.ajaxSetup()
jQuery.ajaxTransport()
jQuery.get()
jQuery.getJSON()
jQuery.getScript()
jQuery.post()
.load()

Đầu trang

Hoàng Hải Đăng

24 chủ đề

7226 bài viết

Có thể bạn quan tâm
0
Các chủ đề đang được quan tâm
phần mềm lập trình php | lập trình web php + mysql | khóa học lập trình php | tự học lập trình php | học php cơ bản thachpham | Code24h | Cho thuê phòng trọ hà nội | Cho thuê phòng trọ bình thạnh | Cho thuê phòng trọ | Cho thuê nhà trọ
Đăng ký

Đăng ký nhận thông báo

Các bài học thú vị sẽ được gửi đến inbox của bạn

HỖ TRỢ HỌC VIÊN
VỀ CODE24H
HỢP TÁC VÀ LIÊN KẾT
KẾT NỐI VỚI CHÚNG TÔI
TẢI ỨNG DỤNG TRÊN ĐIỆN THOẠI

CCode 24h, code mọi lúc, mọi nơi

© Copy right 2018 - 2024