Làm thế nào để thay đổi hiển thị css không hoặc khối tài sản bằng cách sử dụng Jquery?

Question

Làm thế nào để thay đổi hiển thị css không hoặc khối tài sản bằng cách sử dụng Jquery?

Answer 1

Cách đúng để làm điều này là sử dụng show và hide:

$('#id').hide(); 
$('#id').show(); 

Một cách thay thế là sử dụng phương pháp jQuery css:

$("#id").css("display", "none"); 
$("#id").css("display", "block"); 

Answer 2

Nếu màn hình hiển thị của div là khối theo mặc định, bạn chỉ có thể sử dụng .show() và .hide() hoặc thậm chí đơn giản hơn, .toggle() để chuyển đổi giữa chế độ hiển thị.

Answer 3

cách khác để làm điều đó bằng phương pháp jQuery CSS:

$("#id").css({display: "none"}); 
$("#id").css({display: "block"}); 

Answer 4

Có một số cách để thực hiện điều này, đều có mục đích riêng của nó.

---

.) Để sử dụng inline trong khi chỉ đơn giản là gán một yếu tố một danh sách các điều cần làm

$('#ele_id').css('display', 'block').animate(.... 
$('#ele_id').css('display', 'none').animate(.... 

---

.) Để sử dụng trong khi thiết nhiều thuộc tính CSS

$('#ele_id').css({ 
    display: 'none' 
    height: 100px, 
    width: 100px 
}); 
$('#ele_id').css({ 
    display: 'block' 
    height: 100px, 
    width: 100px 
}); 

---

). Để động kêu gọi lệnh

$('#ele_id').show(); 
$('#ele_id').hide(); 

---

). Để tự động chuyển đổi giữa khối và không có, nếu đó là một div

• số các phần tử được hiển thị dưới dạng nội tuyến, khối nội tuyến hoặc bảng, tùy thuộc vào Tag Name

$ ('# ele_id').toggle();

Answer 5

sử dụng

$("#id").(":display").val("block"); 

hoặc

$("#id").(":display").val("none"); 

Answer 6

(function($){ 
    $.fn.displayChange = function(fn){ 
     $this = $(this); 
     var state = {}; 
     state.old = $this.css('display'); 
     var intervalID = setInterval(function(){ 
      if($this.css('display') != state.old){ 
       state.change = $this.css('display'); 
       fn(state); 
       state.old = $this.css('display'); 
      } 
     }, 100);   
    } 

    $(function(){ 
     var tag = $('#content'); 
     tag.displayChange(function(obj){ 
      console.log(obj); 
     }); 
    }) 
})(jQuery); 

Answer 7

cách này đơn giản:

function displayChange(){ 
$(content_id).click(function(){ 
    $(elem_id).toggle();} 

)} 

Answer 8

cho hide:

01.

$("#id").css("display", "none"); 

cho show:

$("#id").css("display", ""); 

Answer 9

.hide() không hoạt động trong Chrome cho tôi này làm việc cho hidding:

var pctDOM = jQuery("#vr-preview-progress-content")[0]; 
pctDOM.hidden = true; 

Answer 10

Trong trường hợp bạn muốn ẩn và hiển thị một yếu tố phụ thuộc cho dù nó đã được nhìn thấy hay không bạn có thể sử dụng chuyển đổi thay vì: của .hide() và .show()

$ ('elem'). toggle();