常用的jQuery前端技巧收集

 更新时间:2014年12月24日 10:19:43   投稿:hebedich  
这篇文章主要介绍了个人手机的常用的jQuery前端技巧,需要的朋友可以参考下

调试时巧用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与Ajax调用新浪API获取短网址的代码

    JQuery与Ajax调用新浪API获取短网址的代码

    这篇文章主要介绍了调用新浪API获取短网址的方法有很多,本例为大家介绍下使用JQuery与Ajax来实现,需要的朋友可以参考下
    2014-02-02
  • jquery URL参数判断,确定菜单样式

    jquery URL参数判断,确定菜单样式

    jquery URL判断,确定菜单样式,需要的朋友可以参考下,当然js也可以的。可以参考下相关文章。
    2010-05-05
  • JQuery EasyUI的使用

    JQuery EasyUI的使用

    jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。接下来通过本文给大家介绍JQuery EasyUI的使用,对jquery easyui相关知识感兴趣的朋友一起学习吧
    2016-02-02
  • jquery实现简单的瀑布流布局

    jquery实现简单的瀑布流布局

    瀑布流布局有两种,一种是固定列,一种是非固定列。本文主要记述第一种的实现。需要的朋友可以参考借鉴
    2016-12-12
  • jquery遍历table的tr获取td的值实现方法

    jquery遍历table的tr获取td的值实现方法

    下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jquery实现div拖拽宽度示例代码

    jquery实现div拖拽宽度示例代码

    本例为大家演示个比较简单的div拖动,另外可根据自己的需求,添加相应的代码,实现自己的想要的效果,具体如下,喜欢的请支持下
    2013-07-07
  • 使用jquery+CSS实现控制打印样式

    使用jquery+CSS实现控制打印样式

    这篇文章主要介绍了使用jquery+CSS实现控制打印样式,需要的朋友可以参考下
    2014-12-12
  • jQuery中Ajax的load方法详解

    jQuery中Ajax的load方法详解

    本文重点个大家讲解了几个jQuery中ajax的load()方法的使用实例,load()方法是jQuery中最为简单和常用的Ajax方法,能远程载入HTML代码并插入DOM中
    2015-01-01
  • jQuery实现的简单折叠菜单(折叠面板)效果代码

    jQuery实现的简单折叠菜单(折叠面板)效果代码

    这篇文章主要介绍了jQuery实现的简单折叠菜单(折叠面板)效果代码,涉及jQuery中slideToggle与toggleClass方法的灵活使用技巧,需要的朋友可以参考下
    2015-09-09
  • jQuery操作HTML代码方法介绍

    jQuery操作HTML代码方法介绍

    这篇文章介绍了jQuery操作HTML代码的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03

最新评论