ajax提交表单,juqery、原生态、h5

    ajax提交表单,juqery、原生态、h5 在我们的日常开发中,经常都会用到Ajax来提交表单。让我们来看一个典型的例子: <form id="myform" action="webservice.php" method="post"> <input type="email" name="email" /> <select name="job"> <option value="">角色</option> <option>web开发者</option>...阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:909 浏览数 | 标签:,

    jquery $(document).ready() 与window.onload的区别

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready(...阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:1,117 浏览数 |

    让IE6,IE7和Ie8支持新的HTML5元素解析

    我们使用新的HTML5元素时,在其它浏览器中能表现良好的标签(比如Section,article,header和footer)对IE浏览器是个挑战.问题的原因来在IE浏览器的解析机制,这些不能不识别的标签元素导致文档对象的错误展现. 为了说明这个问题,请看下面的简短代码: <body>   <section>     <p>This is an example</p>   </section> </body> 奇怪的是,在IE6...阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:1,581 浏览数 | 标签:

    jQuery实现元素的淡入淡出效果

    通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法: fadeIn() fadeOut() fadeToggle() fadeTo() 其中fadeIn是显示即淡入效果,fadeOut是渐渐隐藏即淡出效果。 jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换,如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果,如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。 jQuer...阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:2,180 浏览数 | 标签:

    js中判断为空的正则

    js中如何判断一个输入框是空或空格呢? 正则如下: var text = document.getElementById("textid").value; var reg = /^\s*$/g; if(reg.test(text)){ //输入框为空 }else{ //输入框不为空 } 阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:8,445 浏览数 |

    jquery获取元素位置

    jquery获取元素位置的方法有两个: position方法: 获取匹配元素集中第一个元素的坐标,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。 使用: $("#target").position().left; $("#target").position().top; offset方法: 获取匹配元素集中第一个元素的坐标,获取的是该元素相对于document对象的偏移位置。 使用: $("#target").offset().left; $("#target").off...阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:2,941 浏览数 | 标签:

    jquery closest的使用,jquery最近的祖先元素

    closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。 与parent()方法的区别是parent向上搜索所有祖级元素,而closest匹配到第一个祖先元素后则停止向上搜索。该方法用处很广泛也很好用。 使用示例: $('li.item-a').closest('ul').css('background-color', 'red'); 阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:3,141 浏览数 |

    HTML5基础学习的网站

    今天在查资料时看到一个非常不错的学习HTML5的页面,给大家推荐下,非常简单明了,不出5分钟,整个html5在你的头脑里就有一个整体的框架。相当的不错,留下链接有空多去看看。 http://www.csser.com/tools/html5-tag-table/ 阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:3,756 浏览数 | 标签:

    javascript正则表达式代表空格、回车

    javascript正则表达式代表空格、回车。网上查了一些资料\s只能代表空格,而不能匹配回车,换行符,但在实际使用用发现/\s*/gi,是可以匹配空格换行的。 下面是一个将图片自动居中的正则: html=html.replace(/<(div|p)[^>]*>\s*(?=<img)/gi,'<$1 style="text-align: center;">'); 功能说明:将p元素或div元素内包含图片的,按居中方式显示。 阅读全文
    作者:黑♂白 | 分类:web前端 | 阅读:2,578 浏览数 | 标签: