JQuery学习系列总结

1、页面中的菜单项可以通过嵌套的ul和li来表示

2、菜单最外层为ul，一层每个主菜单放在一个li中，如果有子菜单，在这个主菜单的li中建立新的ul，再依次嵌套即可构建多层的菜单

3、浏览器中ul和li元素默认情况下文字前都有圆点标识符，li元素会有缩进。Opera浏览器比较特殊，li的标识符和其他浏览器不同

4、list-style属性值为none时，可以清除ul和li的小圆点

5、清除子菜单的缩进值，需要padding和margin都为0，其中IE6和IE7只有margin也为0的时候才可以清除缩进值

6、可以使用background-image来指定一个元素的背景图，如果背景图比元素的实际大小要小，那么背景图会自动在横向和纵向上重复显示，直到填满整个区域

7、可以使用background-repeat来控制背景图的重复填充方式

8、如果在一个元素上同时定义了背景图和背景色，那么有背景图的地方是不会显示背景色的

9、text-decoration属性值为none时，可以取消文字上的下划线

10、background-position可以控制背景图的位置，属性值既可以用数值，也可以用center，left，top这些值来控制横向和纵向的位置，这个属性的两个值，第一个对应横向，第二个对应纵向

11、background-image值为none表示没有背景图

12、background-repeat的值为no-repeat时，背景图不会在所在的区域中重复显示

13、IE6以外的其他浏览器可以通过设定dislpay的值为block来让a元素充满所在区域，对于IE6，则需要设定display为inline-block，同时设定a的宽度

14、display的值为none可以用于隐藏元素

15、.main a和.main > a的不同之处，前者选择使用了.main的这个class的元素内部所有的a节点，后者只选择.main的子节点中的a节点

16、show，hide方法可以用于显示和隐藏元素，没有参数的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数值，或者是“slow”，“normal”，“fast”这三个文字，都可以用来控制完成显示或者隐藏所需要的时间，注意这时动画效果是靠不断改变元素的高度和宽度来实现的

17、toggle方法更为强大，可以省去我们判断元素是显示还是隐藏的状态，直接让显示的元素隐藏起来，隐藏的元素显示出来，参数使用方法和show，hide

18、slideDown，slideUp可以实现向下或向上卷动的效果，实际上是通过指定时间内修改元素的高度来实现动画效果。需要注意的是，这两个方法参数为空的情况和show，hide不同

19、slideToggle和toggle达到的效果类似

20、DOCTYPE对于JQuery中的动画是有影响的，没有DOCTYPE定义时，在IE中，JQuery的动画会出现闪烁的糟糕效果

21、float的值是left，可以使原本各自位于一行的元素全部在一行中向左浮动

22、可以给多个选择器定义同样的样式，选择器之间用逗号分隔，同样对于JQuery的$方法，也可以传入多个选择器

转载于:https://www.cnblogs.com/caowei-it/p/4145764.html

JQuery学习系列总结—菜单制作相关推荐

python自动化可以做什么菜_Python自动化开发学习之三级菜单制作
本文实例为大家分享了Python三级菜单展示的具体代码,供大家参考,具体内容如下作业需求: (1)运行程序输出第一级菜单 (2)选择一级菜单某项,输出二级菜单,同理输出三级菜单 (3)让用户选择是否 ...
[jQuery学习系列四 ]4-Jquery学习四-事件操作
[jQuery学习系列四 ]4-Jquery学习四-事件操作前言: 今天看知乎偶然看到中国有哪些类似于TED的节目, 回答中的一些推荐我给记录下来了, 顺便也在这里贴一下: 一席云集听道推酷 ...
JQUERY学习第二天之制作横纵向导航菜单
$(document).ready(function(){ //页面中的DOM已经装载完成时,执行的代码 $(".main > a").click(function( ...
python自动化办公都能做什么菜-Python自动化开发学习之三级菜单制作
本文实例为大家分享了Python三级菜单展示的具体代码,供大家参考,具体内容如下作业需求: (1)运行程序输出第一级菜单 (2)选择一级菜单某项,输出二级菜单,同理输出三级菜单 (3)让用户选择是否 ...
JQuery学习系列（三）语法
jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作. 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(select ...
JQuery学习系列（九）AJAX
什么是 AJAX? AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进 ...
jquery学习系列8(过滤选择器)
1.过滤器 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <title>& ...
Docker学习系列从零开始之汇总【汇总】
以下是整个docker学习系列的地址,希望可以给到大家一定的帮助: 1.Docker学习系列从零开始之centos6.5底下安装docker[一] 2.Docker学习系列从零开始之制作docker原 ...
15个精心挑选的 jQuery 下拉菜单制作教程
下拉菜单是网站导航常用的表现形式之一,能够呈现更多的导航内容.如果网站能够设计出有吸引力的网站导航,将会吸引更多的用户去浏览网站的内容.今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作 ...

JQuery学习系列总结—菜单制作

JQuery学习系列总结—菜单制作相关推荐

最新文章

热门文章