JQuery的用法

一、display和visibility的属性值
1、display
display：block；将元素设置为块级元素，独占一行，能设置宽高
display：inline-block;将元素设置为行内快显示，能设置宽高，但是不独占一行
display：none；将元素设置为隐藏，后面的元素能自动往上填充

2、visibility
visibility：visible；元素可见，默认值　
visibility：hidden；将元素设置成隐藏，隐藏的元素仍然占据文档流
visibility：collapse；只对table对象起作用，用在其他元素中表示隐藏
visibility:inherit；继承其父级元素样式

二、display:none和visibility:hidden两者的区别
a、display与元素的隐藏：如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。

b、visibility与元素的隐藏：给元素设置visibility: hidden也可以隐藏这个元素，但是隐藏元素仍需占用与未隐藏时一样的空间，也就是说虽然元素不可见了，但是仍然会影响页面布局。

c、区别：1、visibility具有继承性，给父元素设置visibility:hidden;子元素也继承这个属性。但如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别
                2、visibility: hidden不会影响计数器的计数，如图所示，visibility: hidden虽然让一个元素不见了，但是其计数器仍在运行。这和display: none完全不一样

 

:content是内容选择器，查找的时候即使有标签，也能查到其表签内部的文本。

例如：

$（function(){

$("li:content(l列表)").css("color","red")

})

//------------------

<li>列表1</li>
<li>列表2</li>
<li><span>列表3</span></li>