Jquery command

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