jquery
晓亮09
一直问自己怎样才能把程序写的更好?
编程境界:干净利落,没有任何多余步骤。
动态能力:反应,逻辑思维和推理能力。
展开
-
JS 冒泡 INPUT不可点击
<br />jQuery("#tt").click(function(event) {<br /> var e=(event)?event:window.event; //判断浏览器的类型,在基于ie内核的浏览器中的使用cancelBubble<br /> if (window.event) { <br /> e.cancelBubble=true; <br /> } else { <br /> e.stopPropaga原创 2010-08-26 13:08:00 · 587 阅读 · 0 评论 -
jQuery live 事件绑定性能测试
<br />昨天和我们可爱的后端架构师在争论这个问题,我很多UI组件中大量使用了jQuery live进行事件绑定,众所周知它最直观的好处在于可以一直“监听”我们操作,对于新增的DOM节点也会有效,而不需要重新绑定。也许是因为这个“监听”让我们很多人联想到他会不断的去绑定、判断,会造成性能问题,这也是他给我的意见,真的是这样吗?<br /> <br />在我开始认识live之前,我也看过网上很多文章说live会降低性能,昨天架构师也给我这么一篇:《jQuery性能优化指南》,此文说到live上完全就是避重就转载 2011-06-01 15:07:00 · 859 阅读 · 1 评论 -
原生js和jQuery的DOM操作函数速度比较
大家都知道jQuery(JQ)是基于js的代码封装,性能肯定不如原生js好,尤其是DOM操纵部分性能差异明显。今天要研究的就是原生js和jQuery的DOM操作函数在主流浏览器中的性能差异究竟是多少,是否真的差距明显。测试平台:E5400+2G DDR2+Windows 7 SP1 32bit参与测试的浏览器有:FireFox: 3.6.3 IE6 IE8 Chro转载 2011-06-04 12:14:00 · 1259 阅读 · 0 评论 -
jQuery的.bind()、.live()和.delegate()
单击事件 当点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何已绑定到该元素的单击事件上的函数的执行。这个时候会弹出消息“Click event"。click事件接着会向树的根方向传播,广播到父元素,然后接着是每个祖先元素直至document根节点,只要是它的某个后代元素上的单击事件被触发,事件就会传给它,这称之为事件冒泡(又称事件传播).bind() : $(a).转载 2011-06-04 17:54:00 · 931 阅读 · 0 评论 -
jQuery.extend 函数详解
<br />JQuery的extend扩展方法:<br /> Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。<br /> 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);<br /><br /> 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却转载 2011-04-22 15:16:00 · 403 阅读 · 0 评论 -
jquery getjson 记录一下,我每每做这个东东都会忘记他
GETJSON我做了无数遍了,但是隔几个月用我就会忘记,记录下来,GETJSON读取完成执行回调函数的时候我总是习惯把毁掉函数写成$.getJSON("http://127.0.0.1/test.php?callback=?", fun()); 无语啊,这样是不对滴$.g原创 2011-09-28 00:46:41 · 455 阅读 · 0 评论 -
js获取日期、前天、昨天、今天、明天、后天代码实例
function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDa转载 2011-10-25 14:33:38 · 819 阅读 · 0 评论 -
分享一个我最近写的一个 公用object,一般公司项目都能用到这些函数,我会陆续更新
/* * 芭乐命名空间函数调用 * 函数包括: * otherLogin(tp) //微博 人人登陆 * getParam(string) //获取URL 参数 * emailSuffix(mail) //给出邮件地址 获取一级域名 * * */bale.otherFun = { "currentMonth": func原创 2011-11-21 14:45:05 · 635 阅读 · 0 评论 -
最近工作需要写了一个JS类 页面统一调用API接口数据并计算显示
formatNumber 格式化数字的函数 我原本封装在我公用object里了 单独写出来 有需要的自己改一下吧function formatNumber (num,pattern) {//JS自动格式化输入的数字/千位分隔符 var strarr = num?num.toString().split('.'):['0']; var fmt原创 2011-11-21 14:39:47 · 1919 阅读 · 0 评论 -
jQuery提供的获取元素位置的接口方法
HTML元素的位置相关的css属性有top、left、bottom、right。要灵活使用这些属性,需要了解css的定位模型position:正常文档流,相对定位,绝对定位。了解了这些css知识才更清楚jQuery的position及offset的区别。jQuery中提供了获取设置HTML元素位置的接口方法。如下.offset().position().of转载 2012-05-17 11:35:38 · 435 阅读 · 0 评论 -
49个jQuery代码经典片段
49个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({转载 2012-11-02 12:07:30 · 933 阅读 · 0 评论 -
用JQuery的$.getJSON发起跨域Ajax请求
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取转载 2012-11-02 16:06:10 · 507 阅读 · 0 评论 -
十个迅速提升JQuery性能的技巧
本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!这些技巧包括:使用最新版本合并、最小化脚本用for替代each用ID替代class选择器给选择器指定前后文建立缓存避免DOM操作避免使用concat(),利用join()处理长字串返回false值利用小抄和参考文档使用最新版本jQuery一直处于不断的开发和改进过程中。 John 和他的转载 2012-11-02 16:14:06 · 394 阅读 · 0 评论 -
JavaScript如何计算两个日期间的时间差
有时候我们需要知道两个日期之间差了多少天,多少小时,甚至多少分钟多少秒。下面我们用JavaScript实现一个函数,用于计算两个日期的时间差,先来看看代码:/*** 时间对象的格式化;*/Date.prototype.format = function(format){ /* * eg:format="YYYY-MM-dd hh:mm:ss"; */ var o = {转载 2012-11-02 16:21:54 · 452 阅读 · 0 评论 -
javascript 杂谈之哪种写法你更喜欢?
介绍 老是在写js,你平时是怎么写你的js呢?更喜欢哪种方式呢? 今天就把常见的跟大家唠叨唠叨。——年纪大了,就这一爱好(平时也喜欢说胡话),别闲我烦! 直接初始化法 优点:1、userData本身就是对象实例。——上来就实例化一个类出来,也不怕浏览器受不了。2、代码紧凑。3、编程效率高。缺点:转载 2012-11-08 23:30:34 · 424 阅读 · 0 评论 -
jQuery 1.7 透過 on 來綁定事件
既上一篇作者寫了 Javascript 前端工具 Backbone.js Framework 初學介紹,這次來將程式改寫成 jQuery 寫法,藉這個機會來介紹 jQuery 新功能 on API,底下來看看 jQuery event handle 的演進//在 jQuery 1.3 以上版本$(selector).live(events, data, handler);转载 2012-11-23 18:17:08 · 570 阅读 · 0 评论 -
jQuery性能优化指南
<br />1,总是从ID选择器开始继承<br /> <br />在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。<br />例如有一段HTML代码:<br /> <div id="content"><form method="post" action="#"><h2>交通信号灯</h2><ul id="traffic_light"><li><input type="radio" class="on" name="light" value转载 2011-06-01 14:53:00 · 946 阅读 · 1 评论 -
JavaScript 收集
事件源对象 <br />event.srcElement.tagName <br />event.srcElement.type捕获释放 <br />event.srcElement.setCapture(); <br />event.srcElement.releaseCapture(); 事件按键 <br />event.keyCode <br />event.shiftKey <br />event.altKey <br />event.ctrlKey事件返回值 <br />event.return转载 2011-04-01 18:49:00 · 470 阅读 · 0 评论 -
js之自定义对象/URI编码
一、定义对象<br />1.对象初始化器方式<br />格式:objectName = {property1:value1, property2:value2,…, propertyN:valueN} <br />property是对象的属性,value则是对象的值,值可以是字符串、数字或对象三者之一 <br />例如: <br />Js代码 var user={name:“user1”,age:18}; var user={name:“user1”,job:{salary:3000,title:pr转载 2011-04-01 11:11:00 · 627 阅读 · 0 评论 -
jQuery阻止冒泡
<br />$(document).click(function(e){<br /> if(!$(e.target).is("#menu")){<br /> $('#menu').find('ul').hide();<br /> }<br />}); <br /><br />$("#menu").click(function(){ <br /> $(this).find("ul").show();<br /> return false; <br />})原创 2010-08-26 13:08:00 · 389 阅读 · 0 评论 -
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
<br />获取一组radio被选中项的值<br />var item = $('input[@name=items][@checked]').val();<br />获取select被选中项的文本<br />var item = $("select[@name=items] option[@selected]").text();<br />select下拉框的第二个元素为当前选中值<br />$('#select_id')[0].selectedIndex = 1;<br />radio单选组的第二个元素原创 2010-08-26 13:09:00 · 317 阅读 · 0 评论 -
jQuery-对Select的操作集合[终结篇]
jQuery获取Select选择的Text和Value:<br />请选择C#JavascriptjQueryC++JavaVB 选择一项试试看<br />语法解释:<br />1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发<br />2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text<原创 2010-08-26 13:09:00 · 455 阅读 · 0 评论 -
jQuery插件:图片自动缩放
$(document).ready(function(){ $('div').autoResize({height:50}); }); jQuery.fn.autoResize = function(options) { var opts = { 'width' : 400, 'height': 300 } var opt = $.extend(true, {},opts,options || {}); widt转载 2011-01-03 22:40:00 · 570 阅读 · 0 评论 -
jQuery性能优化指南(2)
4,对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。<br />例如,你想动态的创建一组列表元素,千万不要这样做,如下所示:JavaScript代码var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist"); // jQuery 选择到 <ul> 元素 for (var i=0,转载 2011-01-03 00:40:00 · 448 阅读 · 0 评论 -
JavaScript链式调用的设计
<br />链式调用,在PHP中使用的时候往往被人称作:连贯操作。<br />如果经常用ZF的人,会在Select类中很明显的看到这一点。目前连贯操作已经几乎被各大框架所引用(无非是以前不返回值,现在返回$this。哈哈)<br />以下是cssrain网站联盟中的karry(playgoogle)写的JS的连贯操作(链式调用),其实在jQuery中,这样的操作太常见了。<br />以下为全文内容:<br /> 用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻,最近发布的YUI3也支持了方法转载 2011-01-03 23:21:00 · 808 阅读 · 0 评论 -
javascript静态页面传值的三种方法
<br />一:JavaScript静态页面值传递之URL篇<br /> 能过URL进行传值.把要传递的信息接在URL上.<br />Post.htm<br />复制内容到剪贴板代码:<br /><input type="text" name="username"><br /><input type="text" name="sex"><br /><input type="button" value="Post"><br /><script language="javascript" ><br />fun转载 2011-01-03 23:25:00 · 703 阅读 · 0 评论 -
jquery以Jsonp方式跨域获取json配合php示例
<br />Php代码<br /> <br />需跨域调取的url假设为:<br />http://www.1ong1.com/bbtest/json.php<br />返回:<br />({ "TotalCount":1,"Rows":[ { "vusername":"zycbob","CompanyName":"BV Ltd,.","UcofcName":"集团公司","CamEndTime":"2010-02-05 16:40:00","ServerID":"1","ServerName":"开天辟地原创 2011-01-05 15:03:00 · 568 阅读 · 0 评论 -
js获得本周,本月,本季度的开始日期和结束日期
<br /><script> <br />var now = new Date(); //当前日期 <br />var nowDayOfWeek = now.getDay(); //今天本周的第几天 <br />var nowDay = now.getDate(); //当前日 <br />var nowMonth = now.getMonth(); //当前月 <br />var now转载 2011-01-12 17:55:00 · 411 阅读 · 0 评论 -
JS操作JSON总结
<br />JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 <br /> 本文主要是对JS操作JSON的要领做下总结。<br /> 在JSON中,有两种结构:对象和数组。<br /> 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称转载 2011-01-12 14:01:00 · 2188 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 381 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 474 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 429 阅读 · 0 评论 -
jquery基本语法
<br /><br />1.查找ID为“#”的元素------->$("#元素ID")<br />2.查找Dom中一个节点;------>$("标签名称")<br />3.查找某一个特定的类;------>$(".类名")<br />4.查找所有Dom标签元素;----->$("*")<br />5.查找Dom框架内部的某一给定的祖代元素的后代元素;----->$("祖先元素 后代元素")<br />6.查找Dom框架内某一父节点下的所有子节点元素;----->$("父节点元素 子节点元素")<br />7转载 2011-02-10 23:09:00 · 356 阅读 · 0 评论 -
jQuery阻止事件冒泡
阻止jQuery事件冒泡<br />jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡。这个时候就要阻止jQuery.Event冒泡。<br /> <br />在jQuery.Event 的文档中的开头得知,jQuery.Event对象是符合W3C标准的一个事件对象,同时jQuery.Event免去了检查兼容IE的步骤。<br /> <br />jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropag转载 2011-03-20 01:43:00 · 652 阅读 · 0 评论 -
js真正的原型继承
前几天去面试JS 让我写一个原型继承,我居然写一个伪的,今天写了 发出来原型继承function Person(name) { this.name = name;}function student(name,age) { Person.call(this,name); //Person附加到this中,这样student this里就有了Person的THIS this.age =原创 2013-01-20 23:39:14 · 443 阅读 · 0 评论