CÁC PHƯƠNG THỨC HAY SỬ DỤNG TRONG JQUERY

// Đối với các tag html

$('[ten_tag]')

$('*') tất cả các elements

$(this) thực thi với element hiện tại đang trỏ tới

$('p') -> lấy tất cả các element <p></p> $('p.test') lấy tất cả các element của <p></p> có class là test

$('p:first') lấy element đầu tiên được tìm thấy của <p></p>

$("a[target='_blank']") lấy ra các tag <a></a> có target là _blank

// Đặc biệt sử dụng nhiều thì chắc là hai cái này chắc ai cũng biết sử dụng khi làm việc với jQuery nhỉ:

$('#id_element')

$('.class_element') ...

$("button").click(function(){

// hàm này được thực thi khi click vào selector được chỉ định

});

$("button").mouseenter(function(){

// hàm này được thực thi khi rê chuột vào selector được chỉ định

// ngược lại thì dùng mouseleave() });

$("button").mousedown(function(){

// hàm này được thực thi khi rê chuột vào selector được chỉ định và nhấn chuột vào

// ngược lại thì dùng mouseup() nó sẽ thực thi khi rê chuột vào element và tính khi ra đã click và thả ra });

$('element').trigger('action_nao_do'); hàm này có tác dụng thực thi một action được chỉ định lên element :

$("button").click(function(){

$('#trigger').trigger('click'); // Sau khi click vào button thì element #trigger sẽ thực hiện event click, chúng ta có thể trigger bất kì event nào mà muốn nó thực thi});   

Ngoài ra trigger rất đa dạng cách sử dụng:

$( "p" ).click(function( event, a, b ) {

// ở đây khi click vào thẻ p thì a,b sẽ undefined, nhưng t thêm trigger phía sau nó sẽ gán ["a","b"] vào tham số tương ứng sau tham số event

}).trigger( "click", [ "a", "b" ] );

$('element').toggle(); hàm này giúp chuyển đổi animation hay đại loại như vậy được truyền vào trong function nếu không truyền mặc định nó sẽ toggle giữa ẩn và hiện element

$( "button" ).click(function() {

$( "p" ).toggle( "slow" ); // truyền vào slow thì khi click button nó sẽ cho thẻ p show từ từ và ẩn từ từ

$( "p" ).slideToggle( "slow" ) // ngoài ra nó còn có thể ẩn/hiện thị theo dạng slide nếu dùng slideToggle()

$( "p" ).toggleClass( "class" ) // ngoài ra nó còn có thể thêm hoặc xóa class nếu dùng toggleClass });

// Cách sử dụng rất nhiều $(selector).toggle(speed,easing,callback); với các tham số lần lượt truyền vào chúng ta sẽ custom đc nhiều hiệu ứng khác nhau

$(selector).toggle("slow", "swing", function() {

// code callback here

})

$('button').click(function() {

$( "#p" ).hide(speed, callback); // dùng để ẩn đi element

$( "#p1" ).show(speed, callback); // dùng để hiển thị element 

$( "#p3" ).remove(speed, callback); // dùng để xóa đi element khỏi DOM

$( "#p" ).slideDown(speed, callback); // dùng để hiển thị element theo dạng slide xuống              

$( "#p1" ).slideUp(speed, callback); // dùng để ẩn thị element theo dạng slide lên

$( "#p3" ).slideToggle(speed, callback); // chuyển đổi ẩn/hiện theo dạng slide

// ngoài ra có thể dùng .stop() để dừng effect đang chạy

})

$('p').text() || $('p').text('set new text');

$('p').html() || $('p').html('<p>set new text with html tag<p>');

$('input#test').val() || $('input#test').val(10);

$("div.a").append("<div class='c'>C</div>");

<div class='a'>

<div class='b'>b</div>

<div class='c'>C</div> // nó sẽ được chèn vào đây

</div>

$("div.a").after("<div class='c'>C</div>");

<div class='a'>

<div class='b'>b</div>

</div>

<div class='c'>C</div> // nó sẽ được chèn vào đây

//- tương tự

$("selector").remove(); // dùng để remove element khỏi DOM

$("selector").empty(); // dùng để xóa toàn bộ element con ra khỏi DOM

$("selector").addClass('test-class');

$("selector").removeClass('test-class');

$("selector").css(); $("selector").css("background-color", "yellow");

$("selector").css({

"background-color": "yellow", "font-size": "200%"

});

$("selector").index(); // trả về index hiện tại của element đối với các select tương đương nó, nếu có tham số truyền vào mà không được tìm thấy sẽ trả về -1

$("selector").clone(); // trả về một bản sao của element hiện tại

VD : $("#selector").clone().appendTo(#selector);