Home  >  Article  >  Web Front-end  >  JQuery—display and Show() methods

JQuery—display and Show() methods

巴扎黑
巴扎黑Original
2017-06-29 10:43:292723browse



<br>

#Show hidden matching elements.

<br>

This is the non-animated version of 'show(speed, [callback])'. If the selected element is visible, this method will not change anything. This method will work regardless of whether the element is hidden via the hide() method or display:none; is set in CSS.

HTML code:
<p style="display: none">Hello</p>
jQuery code:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });
<br>

<br>
<br>
<br>
定义和用法display 属性规定元素应该生成的框的类型。
value Description
none This element will not be displayed.
block This element will be displayed as a block-level element, with line breaks before and after this element.
inline Default. This element will be displayed as an inline element, with no line breaks before or after the element.
inline-block Inline block element. (CSS2.1 New value)
list-item This element will be displayed as a list.
run-in This element will appear as a block-level element or an inline element, depending on the context.
compact The value compact was present in CSS, but was removed from CSS2.1 due to lack of widespread support.
marker The value marker exists in CSS, but has been removed from CSS2.1 due to lack of widespread support.
table This element will be displayed as a block-level table (similar to ), with line breaks before and after the table.
inline-table This element will be displayed as an inline table (similar to ), with no line breaks before and after the table. ). ). ). ). ). )
table-row-group This element will be displayed as a group of one or more rows (similar to
table-header-group This element will be displayed as a group of one or more rows (similar to
table-footer-group This element will be displayed as a group of one or more rows (similar to
table-row This element will be displayed as a table row (similar to
table-column-group This element will be displayed as a group of one or more columns (similar to
table-column This element will be displayed as a cell column (similar to
table -cell This element will be displayed as a table cell (similar to and )
table-caption This element will be displayed as a table title (similar to
)
inherit Specifies that the value of the display attribute should be inherited from the parent element .

The above is the detailed content of JQuery—display and Show() methods. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn