xóa hiển thị thuộc tính: none; vì vậy các mục sẽ được hiển thị

Question

Yếu tố là:.

span { 
    position:absolute; 
    float:left; 
    height:80px; 
    width:150px; 
    top:210px; 
    left:320px; 

    background-color:yellow; 

    display:none;     //No display     
    border: 3px solid #111; 
} 

tôi sử dụng mã này để loại bỏ màn hình để nó có thể được nhìn thấy,

$ ("nhịp cầu") removeAttr ("hiển thị ");

nhưng không hoạt động. Là phương pháp tôi đang sử dụng hợp lệ hoặc là có một cách khác để có được kết quả?

Answer 1

Đối với mục đích cụ thể này, $("span").show() nên đủ tốt.

Answer 2

$('#lol').get(0).style.display=''

hoặc ..

$('#lol').css('display', '') 

Answer 3

Chức năng removeAttr() chỉ xóa các thuộc tính HTML. display không phải là thuộc tính HTML, đó là thuộc tính CSS. Bạn muốn sử dụng hàm css() thay vì quản lý các thuộc tính CSS.

Nhưng jQuery cung cấp một chức năng show() mà thực hiện chính xác những gì bạn muốn trong một cuộc gọi ngắn gọn:

$("span").show(); 

Answer 4

Các jQuery bạn đang sử dụng là thao tác DOM, không phải là CSS riêng của mình. Hãy thử thay đổi từ span trong CSS của bạn để .mySpan, sau đó áp dụng lớp đó với một hoặc nhiều phần tử DOM trong HTML của bạn như sau:

... 
<span class="mySpan">...</span> 
... 

Sau đó, thay đổi jQuery của bạn như sau:

$(".mySpan").css({ display : inline }); 

này nên làm việc tốt hơn nhiều.

Chúc may mắn!

Answer 5

Bạn nên loại bỏ "phong cách" thuộc tính thay vì "hiển thị" bất động sản:

$("span").removeAttr("style"); 

Answer 6

Nếu bạn đang có kế hoạch để ẩn hiển thị một số khoảng thời gian dựa trên sự kiện nhấp chuột mà ban đầu được ẩn với style = "display: none" sau đó .toggle() là lựa chọn tốt nhất để đi cùng.

$ ("span"). Toggle();

Lý do: Mỗi lần bạn không cần kiểm tra xem kiểu đã có hay không. .toggle() sẽ tự động xử lý và ẩn/hiển thị khoảng thời gian dựa trên trạng thái hiện tại.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="Toggle" onclick="$('#hiddenSpan').toggle();"/> 
 
<br/> 
 
<br/> 
 
<span id="hiddenSpan" style="display:none">Just toggle me</span>