我的前端技巧收集

调试时巧用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>

radio和文字垂直居中

<input type="radio" name="wordType" value="1" id="jianyiDiv" checked="checked" style="vertical-align:middle" />
                <label for="jianyiDiv" style="vertical-align:middle">建议</label>

 

 

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

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

绑定radio和select，以及获取radio选中的值（$('#InfoTable input[name="Status"]:checked ').val()）

$("#ddlStatus option[value='" + shuxinOjbect[0].status + "']").attr("selected", "selected");
$('#InfoTable input[name="Status"][value="' + shuxinOjbect[0].status + '"]').attr("checked", 'checked'); 

获取text值：$("#select_id").find("option:selected").text();