常用的jQuery前端技巧收集


Posted in Javascript onDecember 24, 2014

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

}
Javascript 相关文章推荐
页面回到顶部的三种实现(锚标记,js)
Oct 01 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
JavaScript实现重置表单(reset)的方法
Apr 02 Javascript
jQuery.each使用详解
Jul 07 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
Jul 15 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
webpack多页面开发实践
Dec 18 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
Javascript 实现 Excel 导入生成图表功能
Oct 22 Javascript
jQuery中hide()方法用法实例
Dec 24 #Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 #Javascript
jQuery的css()方法用法实例
Dec 24 #Javascript
使用javascript获取页面名称
Dec 23 #Javascript
jQuery类选择器用法实例
Dec 23 #Javascript
基于JQuery制作可编辑的表格特效
Dec 23 #Javascript
JavaScript调试工具汇总
Dec 23 #Javascript
You might like
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
js 对象是否存在判断
2009/07/15 Javascript
prototype 学习笔记整理
2009/07/17 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
jQuery 选择同时包含两个class的元素的实现方法
2016/06/01 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
2017/11/08 jQuery
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
react的hooks的用法详解
2020/10/12 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
Python实现多行注释的另类方法
2014/08/22 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
Python实现的堆排序算法示例
2018/04/29 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
python同时替换多个字符串方法示例
2019/09/17 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
Python 实现一个简单的web服务器
2021/01/03 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
论文指导教师评语
2014/04/28 职场文书
还款承诺书范文
2014/05/20 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
简短清晨问候语
2015/11/10 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
Python3 类型标注支持操作
2021/06/02 Python