Jquery的一些笔记

(一)：◆HTML负责页面内容，CSS负责页面样式，JavaScript负责页面行为；

     ◆HTML中应该有DOCTYPE来告知浏览器的渲染显示方式

     ◆可以先定义div或span节点用于以后显示服务器返回数据；

     ◆border属性可以控制页面元素的边框

     ◆background-***可以控制背景图，以及背景图的位置，重复显示的方式；

     ◆可以在css中通过#idname或.classname的方式来个定制的html节点定义样式；

     ◆可以通过$（document）.ready(function(){})的方式来定义页面装载完成时需要执行的方法。

     ◆可以通过$()方法来获得页面指定节点，参数是某种css的选择器；

     ◆可以在$()方法返回的jQuery对象上执行各种Jquery的方法来获取数据，定义事件，执行操作；

     ◆val()方法可以获得节点的value的属性值

     ◆html（）方法可以设定某个节点中的html内容；

◆click方法可以响应鼠标点击事件，keyup（）方法可以响应键盘弹起的事件

     ◆$.get()方法可以和服务器端进行get方式的交互，注册的callback方法会再数据回来的时候被调用，这个方法会接收到代表服务器端返回数据的一个纯文本的参数；

(二) ◆table中可以包含thead和tbody

◆表头的内容可以放到th中

◆table{}这种写法称作坐标标签选择器，可以对整个页面所有table产生影响

◆table td{}这种写法表示的是table中的包含的所有td

◆可以通过border-collapse:collapse这种方式来使表格中的单元格的边框合并。

◆当th上由背景色时，这个th属于的tr上定义的背景色会无效；

◆$(function(){})是$(document).ready(function(){})的简化写法

◆$(“tbody tr”)可以返回tbody中的所有tr节点；

◆$(“tbody tr:even”)可以返回tbody中所有索引值是偶数的tr节点

◆css方法可以用于设定或获取节点的css属性，参数名是css的属性名。

◆Jquery的对象内容包含着选择器对应的DOM节点，以数组形式保存

◆get方法可以获得Jquery对象中包含的某一个DOM节点

◆function中的this代表执行这个function的对象

◆$()方法的参数是一个DOM对象时，这个方法相当于把DOM对象转换成Jquery对象

◆children方法可以获得某个节点的子节点，可以制定参数来限制子节点的内容。

◆如果选择器返回的Jquery对象中包含多个DOM节点，在这个对象上面注册似click专业的事件时，所有DOM节点都会用于事件

◆html方法可以设置或获取节点的HTML内容

◆val方法可以获取或设置节点的value值

◆$()方法的参数如果是一段正确的HTML文本，则可以创建一个DOM节点，并包装成Jquery对象

◆Jquery大部分方法都会返回执行这个方法的Jquery对象，因此可以采用链式方法的写法来编写给予Jquery的代码

◆width方法可以设置或获取某个节点的宽度

◆appendTo方法可以将一个节点追加到另一个节点所有子节点的后面

◆阻止事件传递可以让当前节点的事件返回false

◆trigger方法可以触发某个JavaScript的事件发生

◆Jquery中某个事件方法的参数function上可以定义一个event的参数，Jquery会屏蔽浏览器的event差异，传给我们一个可用的event对象

◆Jquery的event对象上有一个which的属性可以获得键盘按键的键值

(三)◆页面中的菜单项可以通过嵌套的ul和li来表示

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

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

◆list-style属性值为none时，可以清除ul和li前面的小圆点；

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

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

◆可以使用background-repeat来控制背景图的重复填充方式；在一个网页中可以利用这个重复的特性，将一个小图片重复放入网页，达到一个大图的效果；

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

◆text-decoration属性值为none时，可以取消文字上的下划线;设置underline的话，出现下划线

◆background-position可以控制背景图的位置，属性值可以用数字+px也可以用center，lefttop这些值来控制横向和纵向的位置。这个属性的两个值，第一个对应横向，第二个对应纵向

◆background-image的值为none表示没有设置背景图

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

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

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

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

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

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

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

◆slideToggle和toggle达到的效果类似

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

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

◆可以给多个选择器定义同样的样式，选择器之间用“，”分隔，同样对于Jquery的$方法，也可以传入多个选择器

(四) ◆一组标签用一个ul来管理，每个标签是ul中的一个li；标签下面的内容就是用div来管理的

◆跟在浮动元素（float）之后的元素会围绕着浮动元素，如果不希望有这种围绕，可以在浮动元素之后的那个元素上面定义clear属性，来消除这种效果。

◆实现当前标签和内容区域的融合，可以通过使用相同的背景色，外加当前标签使用同颜色的边框来实现；

◆eq方法可以根据索引值只得到Jquery对象中包含的多个元素中的某一个元素，并仍然返回元素对应的心Jquery对象

◆选择器中使用eq，例如$(“div:eq(1)”)

◆addClass和removeClass方法用于添加和移除元素的class定义；

◆JavaScript中的setTimeout方法可以延时执行某些代码，对应的clearTimeout可以清除设定的延时操作；

◆做一个AJAX应用的时候，可以考虑在Firefox上面调试求偶那个过，然后再到其他浏览器中进行检查，并修正可能的前荣幸问题

◆cursor属性可以控制元素上的鼠标样式，pointer的属性值表示寿星样式，也就是我们常见的链接鼠标样式

◆position属性可以控制元素的定位方式，值为relative时表示相对原来的位置进行定位，可以通过设定top，left，bottom，right的值来控制元素相对元素的位置进行移动；

◆z-index可以控制元素在页面中的层高，值越大就会在页面的曾越靠前，也就会覆盖住一些z-index值比较低的元素。只有position的值为relative火absolute的元素，z-index才是生效

◆Jquery中的load方法十分强大，可以把一个指定的竟，动态页面或服务器端程序输入的数据装入到执行load方法的Jquery对象包装着的元素中；

◆load方法还支持部分装载，在装入的页面地址后面加空格，然后使用选择器，就可以把页面中符合选择器的部分装入进来

◆被load的页面一定要是UTF-8编码的，否则装入后中文会出现乱码

◆bind可以用于给定的节点绑定JavaScript的事件或Jquery中定义的事件，对于Jquery中没有直接停工注册方法的事件，可以用这种方式注册。方法的第二个参数可以是事件执行的方法定义

◆ajaxStart，ajaxStop对应ajax交互开始前和结束后的事件，给某一个节点注册了这两个时事件后，当前页面的ajax交互开始前和结束后，就会执行指定的方法；