jQuery
奋飛
乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!
展开
-
jQuery常用插件
jQuery常用插件,导入jquery插件确保它位于主jQuery库后!1. 验证插件validate: jquery.validate.js jquery.validate.messages_cn.js2. 表单插件form: jquery.form.js3. Cookie插件cookie: jquery.cookie.js4. 搜原创 2014-11-15 20:42:18 · 2038 阅读 · 1 评论 -
jquery $(document).ready()与window.onload的区别
jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.原创 2014-12-21 23:46:03 · 3995 阅读 · 1 评论 -
jQuery的deferred对象
$.Deferred() 生成一个deferred对象。deferred.done() 指定操作成功时的回调函数。deferred.fail() 指定操作失败时的回调函数。deferred.promise() 没有参数时,返回一个新的deferred对象,该对象的运行状态无法被改变;接受参数时,作用为在参数对象上部署deferred接口。deferred.resolve()手动改变deferred对象的运行状态为"已原创 2015-11-27 15:30:29 · 1131 阅读 · 0 评论 -
JS实现键盘监听
项目中要监听键盘组合键CTRL+C,以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox、Chrome、IE中均一、使用javascript实现 function keyListener(event){ if (event.ctrlKey && event.keyCode === 86){原创 2015-03-19 22:53:16 · 6964 阅读 · 2 评论 -
jQuery中find&filter、live&bind对比介绍及图片懒加载
一. find()和filter()方法区别: 测试1 测试2var $find = $("div").find(".rain");alert( $find.html() ); //测试1var $filter = $("div").filter(".rain");alert( $filter.html() ); //测试2find()会在div元素内寻找class为rain的原创 2014-12-14 18:44:57 · 1383 阅读 · 0 评论 -
比较实用的jQuery代码段
1. 如何检测各种浏览器:(1)navigator.userAgent返回一个浏览器信息字符串。(2)用到indexOf()方法,查找字符串中是否有指定的浏览器类型。if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE";}if(isFirefox=navigator.userAgent.indexOf("Fire原创 2014-12-13 23:20:13 · 1157 阅读 · 0 评论 -
jQuery性能优化
一、jQuery性能优化常用策略:1. 优先使用ID与标记选择器 在jQuery中,最快访问DOM元素的方式是通过元素ID号,其次是通过元素的标记。前者源于JavaScript中的document.getElementById()方法,而后者基于document.getElementsByTagName()方法。2. 使用jQuery对象缓存 所谓对象缓存,就是在jQu原创 2014-12-07 22:55:53 · 919 阅读 · 0 评论 -
jQuery开发技巧
一. 居中显示元素要使元素在屏幕中居中,先要该元素的“position”定位属性值设置为“absolute”,表示绝对定位;然后通过设置“top”、“left”属性值,使元素居中在屏幕中。$(".frame").center().show(1000);jQuery.fn.center = function() { this.css("position", "absolute")原创 2014-12-02 23:55:43 · 1035 阅读 · 0 评论 -
jQuery中调用JSON和XML数据--jQuery基础知识点(6)
1. JSON的结构包含两种:一种是name/value形式,另一种为数组格式。var Obj = {"name":"ligang","age":24,"sex":"male"};var strObj = {"member":[ {grade:"一年级",students:{name:["李刚","ligang"]}}, {grade:"二年级",students:{name:["lg"原创 2014-12-01 23:31:09 · 1140 阅读 · 0 评论 -
jQuery事件--jQuery基础知识点(2)
事件在触发后分为两个阶段,一个是捕获(Capture),另一个则是冒泡(Bubbling);但遗憾的是,大多数浏览器并不支持捕获阶段,jQuery也不支持。所谓的冒泡其实实质就是事件执行中的顺序。防止冒泡的发生:除了使用stopPropagation()方法阻止事件的冒泡过程外,还可以通过语句return false实现停止事件的冒泡过程。ready()其在原创 2014-11-24 22:58:56 · 1055 阅读 · 0 评论 -
Ajax在jQuery中应用--jQuery基础知识点(5)
Ajax(Asynchronous JavaScript and XML),其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作。Ajax技术并不局限于Web动态页面,在普通的静态HTML页面中同样可以实现!1. 传统的JavaScript方法实现Ajax功能 var objXmlHttp =原创 2014-11-30 23:31:29 · 1207 阅读 · 0 评论 -
jQuery动画与特效--jQuery基础知识点(4)
jQuery中众多的动画与特效方法为提高页面的用户体验度带来了极大的方便!1. 要使页面中的元素以动画效果移动,必须首先将该元素的"position"属性设置为"relative"或"absolute",否则无法移动该元素的位置。2. 显示与隐藏 show(speed,[callback]) [callback]为在动画完成时执行的回调函数 hide(speed,[ca原创 2014-11-30 18:48:49 · 1042 阅读 · 0 评论 -
jQuery选择器、元素属性操作--jQuery基础知识点(1)
在jQuery选择器定位页面元素时,无须考虑定位元素在页面中是否存在,即使不存在,浏览器也不会报错!原创 2014-11-23 22:14:21 · 1128 阅读 · 0 评论 -
jQuery实用工具类--jQuery基础知识点(3)
在jQuery中,实用工具是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的函数。可分为几大类别:浏览器的检测、数组和对象的操作、字符串操作、测试操作、URL操作。调用方式:$.函数名() 或 jQuery.函数()1. $.browser对象即jQuery.browser对象,用于处理与浏览器相关的事物。$.browser.webk原创 2014-11-25 23:47:06 · 1440 阅读 · 0 评论 -
Ajax 异步&同步请求
XMLHttpRequest支持同步和异步通信。但是,一般来说,出于性能原因,异步请求应优先于同步请求。同步请求阻止代码的执行,这会导致屏幕上出现“冻结”和无响应的用户体验。一、简介Ajax 请求最重要的问题是代码执行的顺序。最长遇到的问题是,我们定义一个变量接收 ajax 异步请求的返回结果,后续代码使用,然而后续代码在使用时该变量为初始值,始终得不到想要的结果!!!二、示例...原创 2015-05-04 19:11:59 · 25621 阅读 · 4 评论