欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

常用的jQuery前端技巧收集

程序员文章站 2022-06-19 21:52:34
调试时巧用console.log(),这比用alert()方便多了。 jquery易错点:元素拼接的时候,元素还未添加到dom,就用该预添加元素操作。 ajax动态获取的数据,...

调试时巧用console.log(),这比用alert()方便多了。

jquery易错点:元素拼接的时候,元素还未添加到dom,就用该预添加元素操作。

ajax动态获取的数据,还没有装载html元素,下面就开始用预拼凑的元素操作。

代码如下:


<li onclick="show('10')">
    <a href='javascript:void()'>提交</a>
</li>

这样写,点击“提交”的时候,会报错“uncaught syntaxerror: unexpected token ) ”,实际上写成“javascript:void()”也会报这个错,改成“javascript:void(0)”即可

代码如下:


<li>
   <a href="javascript:show('10')">
</li>

最后改成这样才行。

代码如下:


"asdafjl".replace(new regexp("a", "gm"), "w"); //在javascript里没有repalce all的函数,所以只能用这个。把全部的a替换为w

 我一直以为字符串就是字符的数组,所以“abc”[0]等于“0”。实际上,ie6、7都不支持这样,解决方法是

代码如下:


var data="abc".tostring().split('');
//data[0]等于“a”
checkbox 居中

<:checkbox id="cklianxi" runat="server" /><label style=" vertical-align:middle" for="cklianxi">练习</label>

服务器控件checkbox生成html的时候会在外面加上span。所以不能直接在服务器控件上加样式。

代码如下:


input[type="checkbox"]
    {
        vertical-align:middle;
}