[转]整理jquery使用好习惯

1.选择器Selector的使用 1)使用id定位性能最好 1.$("#id") 2)使用标签名定位,性能其次 1.$("p"),$("div"),$("input") 3)使用.class方法对于IE8或者更早版本来说性能很差 1.$(".class") 4)属性定位性能极差 1.$("[attribute=value]") 2.$(":hidden"…

1.创建一个嵌套的过滤器 1.$(jquery).filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2.使用has()来判断一个元素是否包含特定的class或者元素 1.$("input").has(".email").addClass("email_icon");//如果class是email的,就添加email_iocn的class 3.使用jQ…

前端面试题整理—jQuery篇

1.为什么使用jquery,他有哪些好处? 1)轻量级.代码简洁 2)强大的选择器,出色的DOM操作封装 3)有可靠的事件处理机制 4)浏览器兼容性好 5)支持链式操作 6)支持丰富的插件 2.jquery有哪些选择器基本选择器:id.标签.class选择器层级选择器:$("form input") 伪类选择器:$("div:first") 表单选择器:$(":input") 3.$(document).ready()和window.onlo…

[整理] jQuery插件开发

1.类级别的插件开发类级别的插件开发,可似为给jQuery类添加方法,调用方式:$.你的方法(),如:$.ajax() 函数. 1.1.给jQuery类添加方法 $.alertMsg = function(msg){ alert("alertMsg : " + msg); }; // 调用 // $.alertMsg("hello"); 1.2.给jQuery类添加带命名空间的方法 $.myPlugin = { alertMsg : function(msg){…

jQuery选择器使用习惯

http://www.cnblogs.com/fredlau/archive/2009/03/19/1416327.html…

jQuery整理笔记文件夹

jQuery整理笔记文件夹 jQuery整理笔记一----jQuery開始 jQuery整理笔记二----jQuery选择器整理 jQuery整理笔记三----jQuery过滤函数 jQuery整理笔记四----jQuery操作DOM jQuery整理笔记五----jQuery事件 jQuery整理笔记六----jQuery动画 jQuery整理笔记七----几个经典表单应用 jQuery整理笔记八----jQuery的Ajax jQuery整理笔记九----功能性表格开发版权声明:本文博主原…

解析Jquery取得iframe中元素的几种方法

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(&qu…

jQuery 2.0.3 源码分析Sizzle引擎 - 高效查询

为什么Sizzle很高效? 首先,从处理流程上理解,它总是先使用最高效的原生方法来做处理 HTML文档一共有这么四个API: getElementById 上下文只能是HTML文档浏览器支持情况:IE 6+, Firefox 3+, Safari 3+, Chrome 4+, and Opera 10+: getElementsByName,上下文只能是HTML文档浏览器支持情况:IE 6+, Firefox 3+, Safari 3+,Chrome 4+, and Opera 10+: g…

jQuery从无知到无所不知

说明: 本文以读书笔记的方式整理jQuery的重要知识点,言简意赅,一语中的,删繁就简,引人入胜. 本文先对jQuery强大的功能作一系统的介绍,再详细整理jQuery的选择器.过滤器.DOM操作.事件处理.ajax处理等. 本文适应于对jQuery有了初步了解与接触,并想全面认识jQuery各个功能点的同学们. 本文适应于做Java Web界面的猿猿们,整理了常用的知识点. 1. JQuery概览 1.1. 概述 jQuery是一个JavaScript框架,它可以帮助用户使用很少的JavaSc…

《锋利的Jquery第二版》读书笔记第一章

按照书本介绍顺序整理jquery库相关的语法.要点. window.onload与$(document).ready()功能类似,前者需要所有资源加载完毕,且不能同时编写多个:后者加载完DOM结构即执行,且可编写多个按序执行. 链式结构(注意代码隔行及备注) $(".level > a").click(function(){ $(this).addClass("current").next().show().parent().sibling().childre…

jQuery开发技术笔记

HTML DOM 加载步骤 1. 解析 HTML 结构 2.加载外部脚本和样式表文件 3.解析并执行脚本代码 4.构造 HTML DOM 模型 5.加载图片等外部文件 6.页面加载一.总体架构 1.1:jQuery 的核心特征: 兼容主流浏览器:支持 IE 6.0+.Chrome.Firefox 3.6+.Safari 5.0+.Opera等. 具有的特的链式语法和短小清晰的多功能接口. 具有…

jQuery源代码解析（3）—— ready载入、queue队列

ready.queue放在一块写,没有特殊的意思,仅仅是相对来说它俩可能源代码是最简单的了.ready是在dom载入完毕后.以最高速度触发,非常实用. queue是队列.比方动画的顺序触发就是通过默认队列'fx'处理的. (本文採用 1.12.0 版本号进行解说,用 #number 来标注行号) ready 非常多时候,我们须要尽快的载入一个函数,假设里面含有操作dom的逻辑,那么最好在dom刚刚载入完毕时调用.window的load事件会在页面中的一切都载入完毕时(图像.js文件.css文件.…

jQuery闭包之浅见,从面向对象角度来理解

本篇的标题虽然是"jQuery闭包之浅见...",但实际上本篇涉及的多半是javascript"闭包"相关内容,之所以写这个标题,完全是因为自己平常用jQuery写前端习惯了.还有一个原因是:javascript"闭包"很容易造成"内存泄漏", 而jQuery已经自动为我们规避.处理了由"闭包"引发的"内存泄漏". javascript的"闭包"是这样定义的:一个拥有…

Web | jQuery快速上手

jQuery伴随前端走过一段辉煌的时光,虽然现在已经慢慢的走下顶峰,但是过去的很多项目都是用jQuery写的,它的一些封装思想也非常值得借鉴,懂得jQuery是前端必不可少的. jQuery顶级对象 DOM顶级对象是document BOM的顶级对象是window 而jQuery的顶级对象是$ 凡是对象都要用$()包装起来 jQuery调用的习惯是使用点语法和小括号结合的方式. 页面加载事件 $(window).load(function(){ //该方法要等页面内容全部加载完 }) $(doc…

Jquery重新学习之六[操作XML数据]

上一章整理有关Jquery操作JSON格式数据,本章则是整理Jquery与XML的交互,因为XML简单易用及运用在很跨平台上的优点,所以项目运用Jquery操作XML还是比较常见:下面的代码来自Jquery权威指南: 1:使用传统JavaScript调用XML的方法(使用Get方式获得数据): <head> <title>使用传统JavaScript调用XML的方法</title> <script type="text/javascript"&…

JQuery最佳实践及常见错误（转自简书）

1 使用JQuery的ready处理器如果你的代码操作DOM,则需要DOM加载完成后再运行代码.推荐使用如下的第一种写法,第二种写法在JQuery3.x中已经不推荐使用了. $(function () { /* 你的代码 */ }); //或者 $(document).ready(function () { /* 你的代码 */ }); 2 用noConflict()避免冲突并定义别名如果你的jQuery代码与其它使用$符号作为别名的类库冲突,则使用noConflict()方法定义别名. $…

jQuery中的闭包和js中的闭包总结

关于闭包的知识总结下: 一.闭包 1.定义闭包的关键是作用域,概念是:能有读取其他函数内部的函数使用的场景有很多,最常见的是函数封装的时候,再就是在使用定时器的时候,会经常用到; //闭包:有参数的加载事件(空参数形式) (function($){ alert("123"); })(jQuery); //有参数的加载事件 (function($){ alert($); })(456); (function($){ $("div p").click(funct…

模仿JQuery封装ajax功能

需求分析因为有时候想提高性能,只需要一个ajax函数,不想引入较大的jq文件,尝试过axios,可是get方法不支持多层嵌套的json,post方式后台接收方式似乎要变..也许是我不太会用吧..其实换个方式接收也没什么,只是习惯了JQ序列化参数.所以上网搜集了很多资料,同时也进一步了解了一点JQ.以下代码很多来自于网上,自己整合了一下. 封装代码 /** * @Description: 模仿jQuery封装简单的ajax功能. * @Author: kill370354@qq.com **/…

jQuery对html元素的取值与赋值实例详解

jQuery对html元素的取值与赋值实例详解转载 2015-12-18 作者:欢欢我要评论这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: ? 1 2 3 4 5 var str = $('#txt').val(); $('#…

jquery ajax常用的登录登出

整理jquery+ajax的登录登出方法. //登录 var currentUserId = -1; $(function() { var timestamp = (new Date()).valueOf(); $.ajax({ type: 'POST', url: '../m/user/getCurrentUser', dataType: 'json', data: { t: timestamp }, success: function(data) { var isOK = false; if…

先定一个小目标，自己封装个ajax

你是否发现项目中有很多页面只用到了框架不到十分之一的内容,还引了压缩后还有70多kb的jquery库你是否发现项目中就用了两三个underscore提供的方法,其他大部分的你方法你甚至从来没有看过你是否发现fetch好像比ajax好用那么一点你是否想过自己封装个ajax.... 纯前端写得久了,便想折腾点事情.比如先定一个小目标,年前自己写个类jquery轻量级库.... 那么就从自己封装一个ajax切入吧,首先我整理的一个流程图,一目了然解析参数数据通常我们的请求后面会有一些…

自己封装个ajax

你是否发现项目中有很多页面只用到了框架不到十分之一的内容,还引了压缩后还有70多kb的jquery库你是否发现项目中就用了两三个underscore提供的方法,其他大部分的你方法你甚至从来没有看过你是否发现fetch好像比ajax好用那么一点你是否想过自己封装个ajax.... 纯前端写得久了,便想折腾点事情.比如先定一个小目标,年前自己写个类jquery轻量级库.... 那么就从自己封装一个ajax切入吧,首先我整理的一个思维导图,一目了然解析参数数据通常我们的请求后面会有一…

IDEA项目搭建十二——站点用户登录会话实现

一.简介前两天写了一篇用户登录会话设计的脑图,这次就把这个引入到项目中实现,总体来说需要几步先罗列一下: 1.需要一个Cookie工具类用于读写cookie 2.需要一个Cache工具类用于在服务端保存用户会话 3.需要一个UserSession管理类用于操作用户会话的登入与登出等 4.需要一个BaseController基类来为子类中的controller提供用户会话的使用,比如当前登录的loginUser.getUserId() 5.需要一个Interceptor拦截器来截获每一次请求来验…

关于编写性能高效的javascript事件的技术

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题.几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那么现有的优化技术已经不能对你开发的网站产生的质的飞越,为了让我们开发的网站性能比别人的网站更加优秀,我们需要更加深入的独立思考,储备更加优秀的技能. Javascript里的事件系统是我想到的第一个突破…

【转】关于编写性能高效的javascript事件的技术

原文转自:http://blog.jobbole.com/80170/ 如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题.几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那么现有的优化技术已经不能对你开发的网站产生的质的飞越,为了让我们开发的网站性能比别人的网站更加优秀,我们需要更加深入的独立思考,储…

探求网页同步提交、ajax和comet不为人知的秘密（上篇）

标题里的技术都是web开发里最常见的技术,但是我想这些常用的技术有很多细节是很多朋友不太清楚的,理解这些细节是我们深入掌握这些技术的一把钥匙,今天我就讲讲我使用这些技术时体会到的这些细节. 同步提交是指通过对页面的form表单执行submit操作,将用户在页面上录入的数据提交到服务器,服务器处理完数据后将结果信息返回到页面上. 当我们使用同步提交的时候有一个不可或缺的元素,就是form标签,form标签代表了一个边界,在form范围内的input,select等元素,在form执行submit事…