11.4 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完全不一样

三、透明度之opacity和rgba的区别
a、opacity：取值在0到1之间，0表示完全透明，1表示完全不透明。

b、rgba：rgba中的R表示红色，G表示绿色，B表示蓝色，三种颜色的值都可以是正整数或百分数。A表示Alpha透明度。取值0~1之间，类似opacity。

区别：opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！）比如，我们写透明的黑色部分都是用opcity（0.5），但这带出来一个问题就是如果你在这一div上写字的话，然后那个字体也会变成透明色。所以我们采取rgba的样式写，前面三个数字分别对应r,g,b,的三种颜色，第四位的数字对应的是透明的系数。

四、jQuery动画中stop()与 finish()区别

stop()：接受三个参数，（要停止的动画名称；是否清空队列中的动画；是否当前动画立即完成）
　　stop()相当于stop(false,false)表示停止执行当前动画，后续动画接着进行
　　stop(true,false)表示停止执行当前动画，后续动画不再进行
　　stop(false,true)表示当前动画立即完成，后续动画接着进行
　　stop(true,true)表示当前动画立即完成，后续动画不再进行

finish()：方法是另一种停止动画的方法，它可以停止当前正在运行的动画，删除所有排队的动画，并完成匹配元素所有的动画

finish()方法和stop(true,true)很相似，stop(true,true)将清除队列，保持现状。但是，不同的是，finish()会导致所有排队的动画的CSS属性跳转到他们的最终值

五、jQuery属性：a、attr()：设置或返回被选元素的属性值。
　　　　　　  　 b、prop()：获取在匹配的元素集中的第一个元素的属性值。
　　　　　　  　 c、html()：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。
　　　　　　  　 d、text()：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效
　　　　　　　   e、val()：获得匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

六、jQuery效果：a、show()：显示被选的元素
　　　　　　　　b、hide()：隐藏被选的元素
　　　　　　　　c、toggle()：对被选元素进行隐藏和显示的切换
　　　　　　　   d、slideDown()：通过调整高度来滑动选择被选元素
　　　　　　　   e、slideToggle()：对被选元素进行滑动隐藏和滑动显示的切换
　　　　　　  　 f、slideUp()：通过调整高度来滑动隐藏备选元素
　　　　　　  　 g、fadeIn()：逐渐改变被选元素的不透明度，从隐藏到可见
　　　　　　  　 h、fadeOut()：逐渐改变被选元素的不透明度，从可见到隐藏
　　　　 　     　 i、fadeTo()：把被选元素逐渐改变至给定的不透明度
　　　　　　　　j、stop()：停止在被选元素上运行动画

七、可见性
：hidden：匹配所有不可见元素，或者type为hidden的元素
： visible：匹配所有的可见元素