常用的jQuery前端技巧收集
作者:bea
调试时巧用console.log(),这比用alert()方便多了。 jquery易错点:元素拼接的时候,元素还未添加到DOM,就用该预添加元素操作。 ajax动态获取的数据,还没有装载html元素,下面就开始用预拼凑的元素操作。 代码如下: <li onclick="Show('10')"> <a href='javascript:void()'>提交</a> </li> 这样写,点击“提交”的时候,会报错“U
调试时巧用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 居中
<asp:CheckBox ID="CKLianXi" runat="server" /><label style=" vertical-align:middle" for="CKLianXi">练习</label>
服务器控件checkbox生成html的时候会在外面加上span。所以不能直接在服务器控件上加样式。
代码如下:
input[type="checkbox"]
{
vertical-align:middle;
}
有用 | 无用
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 居中
<asp:CheckBox ID="CKLianXi" runat="server" /><label style=" vertical-align:middle" for="CKLianXi">练习</label>
服务器控件checkbox生成html的时候会在外面加上span。所以不能直接在服务器控件上加样式。
代码如下:
input[type="checkbox"]
{
vertical-align:middle;
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery中prepend()方法用法实例
- jQuery中append()方法用法实例
- 使用mini-define实现前端代码的模块化管理
- jQuery中html()方法用法实例
- jQuery中val()方法用法实例
- 24款热门实用的jQuery插件推荐
- js获取当前时间显示在页面上并每秒刷新
- Javascript 多物体运动的实现
- Javascript 运动中Offset的bug解决方案
- jQuery中height()方法用法实例
- jQuery中width()方法用法实例
- jQuery中animate()方法用法实例
- jQuery中fadeOut()方法用法实例
- 创建js对象和js类的方法汇总
- javascript使用prototype完成单继承
- jQuery中slideUp()方法用法分析
- node.js开机自启动脚本文件
- 使用jquery动态加载js文件的方法
- 使用javascript实现Iframe自适应高度