一些写js的时候可能会用到的方法:
表格:
- $(function(){})是$(cocument).ready(function(){})的简化写法,方法里边是dom窗体加载完毕后立即执行的代码。
- $("tbody tr")可以返回tbody中的所有tr节点。
- $("tbody tr:even")可以返回tbody中所有索引值是偶数的tr节点。
- css方法可以用于设定或获取节点的css属性,参数名是css的属性名。
- 单元格边框合并:border-collapse:collapse。
表单:
- 菜单项:嵌套ul和li。菜单最外层是ul,一层每个主菜单放一个li中,如果有子菜单,在主菜单的li中建立新的ul,再一次嵌套可创建多层菜单。
- 菜单默认文字前有圆点表示。清除:list-style属性值设为none
- 清除子菜单缩进:padding:0px;margin:opx;
标签:
- 一组标签用一个ul管理,每一个标签是ul中的一个li;标签下面的内容用div管理。
其他:
- $()方法的参数是一个DOM对象时,这个方法相当于把DOM对象转换成JQuery对象。
- 获得某个节点的子节点:children方法
- 在多个DOM节点上注册事件:选择器返回的JQuery对象包含多个DOM节点,在对象上注册的事件会应用于所有的DOM节点。
- 获取节点的HTML内容:html方法
- JQuery创建DOM节点:$()方法的参数是一段正确的HTML文本。
- 节点追加方法:appendTo
- 阻止事件传递:当前节点的事件返回false
- 获得键盘按键的键值:JQuery的event对象的which属性。
- 背景图填充方式:background-repeat,属性值为none时表示不重复
- 取消文字上的下划线:text-decoration:none
- .main a和.main>a:前者使用.main这个class的元素内部所有a节点,后者只选择.main的子节点中的a节点。
- 动画效果:shou(),hide()加参数。
- toggle方法:开关,slideToggle:卷动消失出现的开关
- 鼠标进入离开事件:mouseover,mouseout
- 获得JQuery对象中某一元素:eq方法,根据索引可以。$("div:eq(1)")
- 延时执行代码:setTimeout方法
- 控制鼠标移上去的样式:cursor属性。pointer属性是手型样式。
- 页面显示的层高:z-index。值越大,越靠前。
- div元素居中显示:margin:0 auto;
- 元素隐藏:visibility:hidden只是不显示,占空间。display:none清除。
- 和服务器异步请求:$post方法
- 建立下拉框中选项:$("<option></option>"),appendTo方法加入到下拉框。
- 获取某一节点属性:attr
- 淡入淡出效果:fadeOut和fadeln。动画效果:animate
- 元素透明度:opacity
- 数据缓存:data