jQuery理解与运用

jQuery理解之（一）动画与特效

本节主要降级和学习jQuery的自动显隐,渐入渐出.飞入飞出.自定义动画等. 1.显示和隐藏hide()和show() 对于动画来说,显示和隐藏是最基本的效果之一,本节简单介绍jQuery的显示和隐藏. <script type="text/javascript"> $(function() { $("input:first").click(function() { $("p").hide(); //隐藏 }); $("in…

jQuery理解之（二）功能函数

在javascript编程中,开发者通常需要编写很多小程序来实现一些特定的功能.例如浏览器检测,字符串处理.数组的编辑等.jQuery对这些常用的程序进行了总结,提供了很多实用的函数. 1.检测浏览器. jQuery通过$.browser对象获取浏览器信息. 属性说明 msie 如果是ie为true,否则为false mozilla 如果是mozilla相关的浏览器为true,否则为false safari 如果是Safari浏览器为true,否则为false poera 如果是opera浏览…

accp8.0转换教材第10章Ajax和jQuery理解与练习

C/S (Client/Server)结构,即大家熟知的客户机和服务器结构. B/S(Browser/Server)结构即浏览器和服务器结构. 认识ajax .XMLHttpRequest.使用jquery实现ajax.处理json格式的响应数据.使用原生态JavaScript实现ajax 一.杂记 1.传统web技术和ajax的请求方式不同 ajax是只获得需要的元素传统刷新全部 2.ajax的全称是"Asynchronous Javascript And XML"(异步Java…

widget jquery 理解

jquery ui 的所有组件都是基于一个简单,可重用的widget. 这个widget是jquery ui的核心部分,实用它能实现一致的API,创建有状态的插件,而无需关心插件的内部转换. $.widget( name, base, prototype ) widget一共有2或3个参数.base为可选. 这里之所以把base放在第二个参数里,主要是因为这样写代码更直观一些.(因为后面的prototype 是个代码非常长的大对象). name:第一个参数是一个包含一个命名空间和组件名称的字符串…

1. 什么是jQuery 它是一个轻量级的javascript类库,别人写好的一个类. 2. jQuery优点 2.1 总是面向集合 2.2 多行操作集于一行注1:就一个类“jQuery”,简写“$” 3.导入js库 <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script> 4.三种程序入…

理解jQuery的$.extend与$.fn.extend

https://www.cnblogs.com/xuxiuyu/p/5989743.html 上面这篇博客总结的很棒!!,以下对自己的认识做一个总结 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>理解$.extend与$.fn.extend</title> <script type="text/javascript"…

jQuery 插件编程精讲与技巧

适应的读者: 1.有一定的jquery编程基础但是想在技能上有所提升的人 2.前端开发的程序员 3.对编程感兴趣的学生为什么要学习jquery插件的编写? 为什么要学习jquery插件的编写?相信这是很多人都会有的问题,因为目前市面上的插件众多基本上满足日常的开发需求,但是我认为一下的这几点情况是一定要学会插件基础才能解决的: 1.如果有这样的一种场景:假设如果你使用了一个控件,但是这个控件有缺少了一点点的相关的功能,那么如果你不懂jquery插件编写的话,那么你就只能找其他的控件进行补充,这…

jquery插件分类与编写详细讲解

jquery插件分类与编写详细讲解 1. 插件种类插件其实就是对现有的方法(或者叫函数)做一个封装,方便重用提高开发效率. jQeury主要有2种类型 1)实例对象方法插件开发能让所有的jquery实例对象都可以调用的方法.也就是说,只要通过$()工厂获得的jquery实例对象,都可以调用我们开发的方法.95%的插件都是这种类型 2)全局函数插件可以将独立的函数添加到jQuery命名空间中了.那么调用的时候就可以使用 $.函数名称() 或者jQuery.函数名称()来调用了…

jquery中的编程范式，即jquery的牛逼之处

转自:http://www.iteye.com/topic/1119283 对jquery理解比较深,积累一下,整理了一下格式,就当练习一下 markdown 语法. 本文将结合jQuery源码的实现原理,对javascript中涌现出的编程范式和常用技巧作一简单介绍. 1. AJAX: 状态驻留,异步更新首先来看一点历史. 1995年Netscape公司的Brendan Eich开发了javacript语言,这是一种动态(dynamic).弱类型(weakly typed).基于原型(pro…

深入理解jQuery、Angular、node中的Promise

最初遇到Promise是在jQuery中,在jQuery1.5版本中引入了Deferred Object,这个异步队列模块用于实现异步任务和回调函数的解耦.为ajax模块.队列模块.ready事件提供基础功能.在用jQuery操作DOM的时候对Promise的使用欲不够强烈,最近学习node和Angular,需要用js写业务逻辑和数据操作代码的时候这种场景需求就出来了.一般来说事件适合在交互场景中运用,因为用户的行为本来就是分散的,而promise这样的流程控制适合在后台逻辑中处理业务. //j…

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按…

深度理解Jquery 中 offset() 方法

参考原文:深度理解Jquery 中 offset() 方法…

【jQuery】$.ajax() 常用参数理解

参考:http://hemin.cn/jq/jQuery.ajax.html注意,所有的选项都可以通过$.ajaxSetup()函数来全局设置.个人理解全局设置,在每次调用$.ajax()时都会执行 $.ajaxSetup()函数的内容:1.回调函数: beforeSend, 在发送请求之前调用. error, 请求出错时调用. dataFilter, 请求成功之后调用. success, 请求之后调用. complete …

深入理解JQuery插件开发

如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库.jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握.但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导.那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的. 下面,我们有了一个插件的基本层次: // Shawn Khameneh // ExtraordinaryThoughts.com (function($) { var priv…

理解jquery的$.extend()、$.fn和$.fn.extend()

jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//-. //-- }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery…

深入分析，理解jQuery.Deferred源码

前言: 如果你对jQuery.Callback回调对象不了解,或者只掌握其方法,但是没有通过阅读源码理解,可以先阅读前一章jQuery.Callbacks源码解读二,因为只有完全理解jQuery.Callback源码,才能真正的理解并掌握jQuery.Deferred递延对象. 源码: // jQuery 1.10.2 jQuery.extend({ Deferred: function( func ) { /* tuples包含三个数组三个数组前三项分别代表jQuery回调对象中的 fir…

jquery中dom元素的attr和prop方法的理解

一.背景在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应用场景,什么时候使用attr方法更合适?什么时候使用prop方法更加方便?今天我就结合自己平常的使用来谈谈这些问题以及我个人的理解. 二.举例说明 1.我们经常会在自己的页面中使用a标签来进行链接到不同的页面 <a id="link" href="http://www.ba…

jQuery 源码理解的基础

/** * Created by cyk on 14-4-17. */function Person() { var temp = this; //this指向Person console.log("here"); return new Person.prototype.init();} Person.prototype = { constructor: Person, //这种方式覆盖了Person的prototype,所以要重新指定constructor init: functio…

jquery中的mouseenter实现理解

说在前面:首先说一下两者之间的区别,假设当前元素为element,mouseover事件具有冒泡特性,也就是说无论鼠标是从别的元素移动到element或者是从element的子元素移动到element都会触发mouseover事件.对于mouseenter事件,该事件没有冒泡特性,也就是说只有鼠标穿过该事件的时候才会触发mouseenter,如果鼠标一直在element内部“游走”,则不会触发mouseenter.具体的例子可以参考这个例子点击打开链接. 前提说完了,那么怎么使用mouseove…

对jquery的 attr()和prop()理解

jquery1.6版本后引入了prop()方法,很多时候总是混淆attr()与prop()这俩,下面分析一下这俩的区别在此之前,先来了解一下html 的attribute和property,因为jquery的attr()和prop()正是来源于这俩东西.先看一段html代码: <span id="testId" class="testClass" selfAttribute="selfValue"></span> 根据…

深入理解jQuery插件开发（转）

转自:http://blog.jobbole.com/30550/ 如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库.jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握.但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导.那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的. 下面,我们有了一个插件的基本层次: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15…

[转]深入理解jQuery插件开发

如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库.jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握.但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导.那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的. 下面,我们有了一个插件的基本层次: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2…

深入理解jQuery插件开发(转)

如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库.jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握.但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导.那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的. 下面,我们有了一个插件的基本层次: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2…