最近封装了一个jQuery插件,暂时命名为EnPlaceholder,和上篇文章《跨浏览器的placeholder – 原生JS版》要解决的问题一样,也是为了让更多的浏览器支持placeholder。
【点击这里查看jQuery-EnPlaceholder插件的DEMO】
用法:
首先在head中分别引入jQuery及本插件
<script type=
"text/javascript"
src=
"jquery-1.7.2.min.js"
></script>
<script type=
"text/javascript"
src=
"jquery.enplaceholder.js"
></script>
|
然后就可以调用了:如下
//通过value模拟placeholder
$(
'input'
).placeholder();
//通过插入元素模拟placeholder
$(
'input'
).placeholder({isUseSpan:
true
});
|
下载本插件:jQuery.EnPlaceholder.js
<input type="text" class="avg" id="inputEmail" placeholder="56757878@qq.com">