05 2017 档案

摘要:stop()--语法结构stop([clearQueue],[gotoEnd])。 clearQueue和gotoEnd都是可选参数,为Boolean(true或者false) 1、直接使用stop(),会立即停止当前正在进行的动画,如果接下来还有动画等待继续进行,则以当前状态开始接下来的动画 如果 阅读全文
posted @ 2017-05-24 15:25 影子疯 阅读(2241) 评论(0) 推荐(0)
摘要:语法结构 animate(params,speed,callback) params:包含一个样式属性及值的映射。比如{property1:'value1',property:'value2',......} speed:速度参数,可选。 callback:在动画完成时执行的函数,可选 1、自定义简 阅读全文
posted @ 2017-05-23 22:53 影子疯 阅读(468) 评论(0) 推荐(0)
摘要:trigger()--打开页面不需要操作,就可以触发事件 阅读全文
posted @ 2017-05-18 20:02 影子疯 阅读(154) 评论(0) 推荐(0)
摘要:unbind()--unbind(type,data) 第一个参数事件类型,第二个参数将要移除的函数 (1)、如果没有参数,则删除所有绑定的函数 (2)、如果只提供了事件类型作为参数,则只删除该类型的绑定事件 (3)、如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除 阅读全文
posted @ 2017-05-18 19:48 影子疯 阅读(15690) 评论(0) 推荐(0)
摘要:1、event.type()--获取事件类型 2、event.preventDefault--阻止事件默认行为 3、event.stopProtagation()--阻止事件冒泡 4、event.target()--获取触发事件的元素 5、event.pageX()和event.pageY()--获 阅读全文
posted @ 2017-05-18 17:08 影子疯 阅读(165) 评论(0) 推荐(0)
摘要:单击span的时候,div和body绑定的时间也会被触发 停止事件冒泡--event.stopPropagation(); 事件对象:$('').bind('click',function(event){ event.stopPropagation(); //event事件对象 }); 2、阻止元素 阅读全文
posted @ 2017-05-18 15:45 影子疯 阅读(646) 评论(0) 推荐(0)
摘要:1、事件绑定 bind()方法调用格式:bind(type,[data],fn) 第一个参数:事件类型,例如:click,blur,focus,mouseover,mouseout等 第二个参数:可选参数,作为event.data属性值传递给事件对象的额外数据对象 第三个参数:绑定处理函数 bind 阅读全文
posted @ 2017-05-18 14:03 影子疯 阅读(1117) 评论(0) 推荐(0)
摘要:children()--该方法用于取得匹配元素的子元素集合,只考虑子元素,不考虑任何后代元素 next()--该方法用于取得匹配元素后面紧邻的同辈元素 prev()--该方法用于取得匹配元素前面紧邻的同辈元素 siblings()--该方法用于取得匹配元素前后所有的同辈元素 阅读全文
posted @ 2017-05-18 11:14 影子疯 阅读(544) 评论(0) 推荐(0)
摘要:html()--类似JS中innerHTML,用来获取或设置某个元素中HTML内容 text()--用来获取或设置某个元素中文本内容 val()--获取或者设置value值,thisdefaultValue 指当前文本框的默认值 val()实例: 阅读全文
posted @ 2017-05-17 17:57 影子疯 阅读(322) 评论(0) 推荐(0)
摘要:1、属性操作 1)、attr()--获取和设置属性 2)、removeAttr()--删除属性 2、样式操作 addClass()--增加class attr('class','myclass')--替换class removeClass--移除class toggleClass()--切换clas 阅读全文
posted @ 2017-05-17 17:01 影子疯 阅读(1879) 评论(0) 推荐(0)
摘要:1、复制节点 clone() 复制节点后,被复制的新元素并不具有任何行为,如果需要新元素也具有复制功能,需要给clone()传递参数true,clone(true).true的含义是复元素并复制元素所绑定的事件 2、替换节点 replaceWith() replaceAll() 3、包裹节点 wra 阅读全文
posted @ 2017-05-17 16:01 影子疯 阅读(2795) 评论(0) 推荐(0)
摘要:1、创建元素 $('<li>啦啦啦</li>') $('ul').append($('<li>啦啦啦</li>')) 把创建好的li元素添加到ul中 2、插入元素方法 append()--想每个匹配元素的内部追加内容 appendTo()--将所有匹配的原则追加到指定的的元素中 prepend() 阅读全文
posted @ 2017-05-17 15:11 影子疯 阅读(435) 评论(0) 推荐(0)
摘要::input-选取所有的input、textarea、select、button元素:text-选取所有的单行文本框:password-选取所有的密码框:radio-选取所有的单选框:checkbox-选取所有的复选框:submint-选取所有的提交按钮:image-选取所有的图像按钮:reset- 阅读全文
posted @ 2017-05-17 13:22 影子疯 阅读(112) 评论(0) 推荐(0)
摘要:1、属性过滤选择器 2、子元素过滤选择器(注意分号前必须要有空格) :nth-child(index/even/odd/equation) 选取每个父元素下的第index子元素或者奇偶元素(index从1算起) :first-child 选取每个父元素下的第一个子元素 :last-chlid 选取每 阅读全文
posted @ 2017-05-16 16:29 影子疯 阅读(115) 评论(0) 推荐(0)
摘要:1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 :hidden选择器,包括display:none、<input type='hidden' />、visibility:hidden三种 阅读全文
posted @ 2017-05-16 13:52 影子疯 阅读(197) 评论(0) 推荐(0)
摘要:1、引用Jquery库 2、类似JS中的window.onload 3、选择器 1)、基本选择器 2)、层级选择器 $('.one+div')比较少用,可以用$('.one').next('div')代替 $('#two~div')可以用$('#two').nextAll('div')代替 $('# 阅读全文
posted @ 2017-05-15 20:40 影子疯 阅读(1447) 评论(0) 推荐(0)
摘要:针对不同的浏览器写不同CSS样式的过程,就叫hack 阅读全文
posted @ 2017-05-14 19:42 影子疯 阅读(111) 评论(0) 推荐(0)
摘要:代码如下: IE6/7/8显示效果 正常显示效果 解决方案:在input元素下加上float:left属性 阅读全文
posted @ 2017-05-14 19:06 影子疯 阅读(199) 评论(0) 推荐(0)
摘要:浮动元素和定位元素同级,定位元素消失,代码如下: 正常显示效果如下: IE6显示如下: 解决方案:使浮动元素和定位元素不在同一级 阅读全文
posted @ 2017-05-14 18:52 影子疯 阅读(255) 评论(0) 推荐(0)
摘要:父级元素宽高为奇数时,绝对定位的right和bottom会有1px的偏差 IE6显示效果如下: 解决方案:避免设置父级元素的宽高为奇数 阅读全文
posted @ 2017-05-14 18:34 影子疯 阅读(167) 评论(0) 推荐(0)
摘要:IE6/7下带有overflow:hidden属性的父级元素包不住带有position:relative属性的子元素 显示效果如下: 解决方案:给父级也加上position:relative;属性 阅读全文
posted @ 2017-05-14 18:23 影子疯 阅读(318) 评论(0) 推荐(0)
摘要:两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px,IE6下出产生文字溢出bug,具体代码如下: 显示效果: 解决方案: 1、两个浮动元素之间避免出现内联元素或者注释 2、与父级宽度相差3px以上 阅读全文
posted @ 2017-05-14 18:08 影子疯 阅读(193) 评论(0) 推荐(0)
摘要:代码如下: 效果如下: 解决方案:给li元素加上*vertical-align: top;属性 阅读全文
posted @ 2017-05-14 18:01 影子疯 阅读(161) 评论(0) 推荐(0)
摘要:代码如下: 解决方案:给元素加上display:inline。 阅读全文
posted @ 2017-05-14 17:30 影子疯 阅读(176) 评论(0) 推荐(0)
摘要:其他浏览器正常显示一行,IE6/7显示效果如下(不认display:inline-block) 可以通过下面方法解决 *display: inline; *zoom: 1; 问题2:当设置高度为1px的时候,IE6显示高度为19px,可以通过overflow:hidden解决 阅读全文
posted @ 2017-05-12 17:52 影子疯 阅读(132) 评论(0) 推荐(0)
摘要:所有浏览器显示效果都一样 给父级加上border属性,除IE6/7以外都可正常显示,可以通过overflow和zoom触发BFC和layout属性解决 阅读全文
posted @ 2017-05-12 16:50 影子疯 阅读(271) 评论(0) 推荐(0)
摘要:IE6下效果 其他浏览器下效果 解决方案:编写代码时,尽量使子级元素宽高小于父级 阅读全文
posted @ 2017-05-12 14:52 影子疯 阅读(145) 评论(0) 推荐(0)
摘要:box不能包住left和right 通过给box添加伪类解决上述问题 给h2元素加上高height 在IE6下(其他浏览器正常),h2属于块级元素,默认占一行 只需要给h2加上float属性就可解决上述问题。 问题2:在IE6下,left和right直接会有缝隙,代码如下 IE6显示效果 其他浏览器 阅读全文
posted @ 2017-05-12 14:42 影子疯 阅读(191) 评论(0) 推荐(0)
摘要:IE6/7 不支持H5标签可以通过以下方法解决 可以通过JS创建标签实现(默认是行级标签),然后转换成块级元素。 标签很多的时候,不可能一一创建元素,可以通过JS插件实现 阅读全文
posted @ 2017-05-12 10:38 影子疯 阅读(469) 评论(0) 推荐(0)
摘要:表单基本类型 阅读全文
posted @ 2017-05-11 15:17 影子疯 阅读(136) 评论(0) 推荐(0)
摘要:1、基本写法 2、合并单元格 阅读全文
posted @ 2017-05-10 17:12 影子疯 阅读(124) 评论(0) 推荐(0)
摘要:清除浮动的最好办法 阅读全文
posted @ 2017-05-03 10:31 影子疯 阅读(101) 评论(0) 推荐(0)
摘要:1、块元素(div,p,h,li) a、默认独占一行 b、没有宽度,默认撑满一行 c、支持所有CSS命令 2、内联元素(span,em,strong,a) a、不支持宽高 b、同一行可以有多个元素 c、不支持上下的margi d、代码换行会被解析(空格) e、内容撑开宽高 3、内联块元素 a、块在一 阅读全文
posted @ 2017-05-02 11:35 影子疯 阅读(157) 评论(0) 推荐(0)
摘要:1、id选择器(页面唯一) 2、类选择器(一个元素可以有多个class) 3、标签选择器 4、群组选择器 5、包含选择器 6、通配符 7、选择器优先级 行间样式>id选择器>类选择器>标签选择器 阅读全文
posted @ 2017-05-02 10:36 影子疯 阅读(119) 评论(0) 推荐(0)
摘要:body,h1,h2,h3,h4,h5,h6,p,dl,dd 默认有margin ul,ol 默认有margin padding list-style a 默认有underline img 默认会有边框,上面会有缝隙 阅读全文
posted @ 2017-05-02 09:42 影子疯 阅读(281) 评论(0) 推荐(0)
摘要:1、标题标签h1-h6 2、P标签 段落 3、strong粗体 4、em 斜体 5、无序列表 ul 6、有序列表 7、自定义列表 8、mark 标签 9、img标签 阅读全文
posted @ 2017-05-01 19:05 影子疯 阅读(112) 评论(0) 推荐(0)