Nút ẩn bằng cách sử dụng jquery

Question

Bạn có thể cho tôi biết làm thế nào tôi có thể ẩn nút này sau khi nhấn nó, sử dụng jquery?

<input type="button" name="Comanda" value="Comanda" id="Comanda" data-clicked="unclicked" /> 

hay này một

<input type=submit name="Vizualizeaza" value="Vizualizeaza"> 

Answer 1

Hãy thử điều này:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 
    } 
); 

Đối với làm mọi thứ khác bạn có thể sử dụng một cái gì đó như thế này:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 

     $(".ClassNameOfShouldBeHiddenElements").hide(); 
    } 
); 

Để ẩn mọi phần tử khác dựa trên ID của chúng, hãy sử dụng phần tử này:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 

     $("#FirstElement").hide(); 
     $("#SecondElement").hide(); 
     $("#ThirdElement").hide(); 
    } 
); 

Answer 2

Bạn có thể sử dụng chức năng .hide() ràng buộc với một handler click:

$('#Comanda').click(function() { 
    $(this).hide(); 
}); 

Answer 3

Nó phụ thuộc vào the jQuery selector mà bạn sử dụng. Kể từ id phải là duy nhất trong DOM, một trong những đầu tiên sẽ là đơn giản:

$('#Comanda').hide(); 

thứ hai có thể yêu cầu một cái gì đó nhiều hơn, tùy thuộc vào các yếu tố khác và làm thế nào để nhận diện ra nó. Nếu name đó đặc biệt input là duy nhất, sau đó điều này sẽ làm việc:

$('input[name="Vizualizeaza"]').hide(); 

Answer 4

jQuery cung cấp phương thức .hide() cho mục đích này. Chỉ cần chọn phần tử bạn chọn và gọi phương thức này sau đó. Ví dụ:

$('#comanda').hide(); 

Người ta cũng có thể xác định nhanh như thế nào quá trình chuyển đổi chạy bằng cách cung cấp một thời gian tham số trong miliseconds hoặc chuỗi (giá trị có thể là 'nhanh', và 'chậm'):

$('#comanda').hide('fast'); 

Trong trường hợp bạn muốn làm điều gì đó ngay sau khi phần tử bị ẩn, bạn cũng phải cung cấp gọi lại làm thông số:

$('#comanda').hide('fast', function() { 
    alert('It is hidden now!'); 
});