随笔分类 -  JS/jQuery技巧

摘要:方法一:var re=/正则表达式/;re.test($("#id").val())方法二:$("#id").val().match(/正则表达式/);正则表达式有多种不同的风格。下表是在PCRE中元字符及其在正则表达式上下文中的行为的一个完整列表:字符 描述\ 将下一个字符标记为一... 阅读全文
posted @ 2013-10-11 12:08 不负韶华668 阅读(1226) 评论(0) 推荐(0)
摘要:var width = $(document.body).outerWidth();//手机的屏幕宽var height = $(window).innerHeight(); //手机的屏幕高 阅读全文
posted @ 2013-10-10 16:16 不负韶华668 阅读(694) 评论(0) 推荐(0)
摘要:$(selector).css({property:value, property:value, ...})实例:$("p").css({ "color":"white", "background-color":"#98bf21", "font-family":"Arial", "font-size":"20px", "padding":"5px" }); 阅读全文
posted @ 2013-09-05 10:34 不负韶华668 阅读(445) 评论(0) 推荐(0)
摘要:用法一: setTimeout(function(){i+=1;alert(i);},1000);用法二: 下面再来一个执行函数的: var i=0; function test(){ i+=1; alert(i); } setTimeout("test()",1000); 也可以这样: setTimeout(test,1000);//这里注意第二种形式中,是test,不要写成test(),切记!!! 阅读全文
posted @ 2013-09-04 16:54 不负韶华668 阅读(222) 评论(0) 推荐(0)
摘要:$("table tr").live({ mouseenter: function() { //todo }, mouseleave: function() { //todo }}); 阅读全文
posted @ 2013-09-04 15:58 不负韶华668 阅读(109) 评论(0) 推荐(0)
摘要:我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$('#content').hide();或者从ID选择器继承来选择多个元素:1$('#content p').hide();2. 在class前面使用tagjQuery中第二快的选择器就是ta 阅读全文
posted @ 2013-08-29 09:48 不负韶华668 阅读(152) 评论(0) 推荐(0)
摘要:在项目开发中,遇到的一个问题。弹出的页面中有iframe。例弹出窗口有最大化最小化。当点击最大化后由于iframe高度固定,所以页面显示有部分的留白。处理方案,在页面onload的时候function initPra(){ $("iframe").height($(window).height());}第二步,当点击最大化时,触发onresize事件,重置iframe的高度function initheigth(){ $("iframe").height($(window).height());}页面的body方法为 阅读全文
posted @ 2013-08-29 09:32 不负韶华668 阅读(391) 评论(0) 推荐(0)
摘要:3布丁足迹;秒后自动跳转…… 按钮式: 链接式: 返回上一步 ">返回上一步 直接跳转式: 开新窗口: 布丁 足迹 注:如果不想弹出一筐,就传两个参数就好了: 布丁足迹 JS跳转页面参考代码第一种:第二种:第三种:第四种:第五种:=====javascript中弹出选择框跳转到其他页面===== =====javascript中弹出提示框跳转到其他页面===== 阅读全文
posted @ 2013-08-20 15:48 不负韶华668 阅读(399) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-08-20 11:20 不负韶华668 阅读(1932) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-08-07 23:15 不负韶华668 阅读(133) 评论(0) 推荐(0)
摘要:PHP: 阅读全文
posted @ 2013-08-01 11:13 不负韶华668 阅读(287) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-06-28 17:46 不负韶华668 阅读(2414) 评论(0) 推荐(0)
摘要:当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地简化,看完本文,你会发现,ajax,简单的来讲就是一句话的事情。本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去问问google老大,再来读本文。1、$.get$.get()方法使用GET方式来进行异步请求,它的语法 阅读全文
posted @ 2013-06-25 00:04 不负韶华668 阅读(233) 评论(0) 推荐(0)
摘要:一、首先需要知道的:1、keydown() keydown事件会在键盘按下时触发.2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二、获取键盘上对应的ascll吗: $(document).keydown(function(event){ event=window.event||event;//处理兼容 alert(event.keyCode); }); $tips: 上面例... 阅读全文
posted @ 2013-05-22 11:20 不负韶华668 阅读(229) 评论(0) 推荐(1)
摘要:<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head><script src="jquery-1.8.0.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#text_box").keydown(fu 阅读全文
posted @ 2013-05-22 11:09 不负韶华668 阅读(154) 评论(0) 推荐(0)
摘要:1.JS:四舍五入保留两位小数:vara=2.1512131231231321; document.write("两位小数点:"+a.toFixed(2));2.PHP:<?php/** 1.number_format */$number = 1234.5678;$nombre_format_francais = number_format($number, 2, ',', ' '); // 1234,57$english_format_number = number_format($number, 2, '.', &# 阅读全文
posted @ 2013-05-10 14:18 不负韶华668 阅读(154) 评论(0) 推荐(0)
摘要:1.jquery方式: louis-blog >> jQuery 对checkbox的操作 checkbox1 ... 阅读全文
posted @ 2013-05-07 13:25 不负韶华668 阅读(165) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <script src="jquery-1.8.0.min.js"></script> <title>JS获取复选框被选中的值</title></head><body><input type=&q 阅读全文
posted @ 2013-05-07 13:22 不负韶华668 阅读(183) 评论(0) 推荐(0)
摘要:<?php$time=time()*1000;//js中是毫秒,而php中的是秒,故要*1000?><body><script runat="server" type="text/javascript" language="javascript">var target=[]var time_id=[]var today='<?php echo $time;?>';var clock;//注意适当的时候清空定时器clearTimeout(clock),防止累加;today= 阅读全文
posted @ 2013-05-06 13:56 不负韶华668 阅读(555) 评论(0) 推荐(0)
摘要:function trim(str){ str = str.replace(/^(\s|\u00A0)+/,''); for(var i=str.length-1; i>=0; i--){ if(/\S/.test(str.charAt(i))){ ... 阅读全文
posted @ 2013-04-22 13:32 不负韶华668 阅读(125) 评论(0) 推荐(0)