首页 相关文章 JQuery教程:简化JQuery

JQuery教程:简化JQuery

这是以前整理的一些代码,与JQer分享,希望对大家能有些帮助。

话说功能愈发强大的JQuery体积也不再小巧,55k(Minified)的大小虽然不能说很大,但如果用在一些小型项目或网站上,也不算小,那么我们何不根据自己项目特点,简化或改写JQuery呢,Follow me!

首先是JQuery的核心代码:代码://不完全一致,但实现手段大致如此
(function(){
window._$ = window.$;
var $ = window.$ = function(s) {
return new $.fn.init(s);
};
$.fn = $.prototype = {
init: function(s) {
if(!s) return this;
if (s.nodeType) {
this.e = [];
this.e.push(s); //存储获取到的Elements
...[ 查看全文 ]

2016-02-20 标签:

JQuery教程:简化JQuery的相关文章

  • 标签:Web开发
    jQuery 是什么? jQuery 由 John Resig 创建于 2006 年初,对于任何使用 JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言,并且希望获得一个能解决文档对象模型(Document Object Model,DOM)脚本和 Ajax 开发中一些复杂问题的库,还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家,jQuery 都会是您的首选。 jQue...[ 查看全文 ]
  • 标签:Web开发
    一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示。 清单 1 :没有使用 jQuery 的 DOM 脚本 var external_links = document.getElementById('external_links'); var links = external_links.getElementsByT...[ 查看全文 ]
  • 标签:Web开发
    首先,jQuery 是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。 jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是WRITE LESS,DO MORE,写更少的代码,做更多的事情。 有什么作用? 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种...[ 查看全文 ]
  • 标签:Web开发
    大家先不要看我的源代码,看看使用js是否能够做得出 要求: 1)页面上一个按钮; 2)点击后弹出窗口,我被点击了; 如下图: JavaScript代码如下:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type&q...[ 查看全文 ]
  • 标签:Web开发
    jQuery是我最近发现的一个新工具。jQuery开发团队形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。” jQuery初步 你可以免费下载jQuery的最新版本。它由一个明确定义的脚本文件构成,因此你可以随意研究它的源代码。下载JavaScript文件后,你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web...[ 查看全文 ]
  • 标签:Web开发
    今天我们再深入的学习一下jQuery的核心。 jQuery对象访问: $("Element").;        :function(,){return ? :;}        :function(,){return ? :;} ({          :function()          {               &nb...[ 查看全文 ]
  • 标签:Web开发
    这篇文章就会带领你见识一下jQuery的哲学,探讨一下他的特性以及功能,并且会做一些ajax的示例,以及如何使用plug- in(插件)来扩展jQuery。 1. 什么是jQuery? jQuery是个很优秀的Javascript库,它诞生于2006年,出自John Resig之手。不管你是一个 javascript 新手,但是却想尝试一下DOM(Document Object Model)以及Ajax的繁杂,抑或你是个javascript专家级人物,但是已经厌倦了反复的重复那无味的DOM...[ 查看全文 ]
  • 标签:Web开发
    一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示。 清单 1 :没有使用 jQuery 的 DOM 脚本 代码如下: var external_links = document.getElementById('external_links'); var links = external_links.getE...[ 查看全文 ]
  • 标签:Web开发
    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" head     title全选,不全选,反选/title     script src="js/jquery.js" type="text/javascript"/script     script language="javascript" type="text/javascript"...[ 查看全文 ]
  • 标签:Web开发
    jQuery事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event实例的最常用的属性进行规范化; 为取消事件和阻塞默认操作提供统一方法。 jQuery绑定事件处理程序: bind()命令 $('img').bind('click',funciton(event){alert('Hi there');}); 该语句为...[ 查看全文 ]
  • 标签:Web开发
    在 JQuery的网站 上发现,这个东东提供两种版本下载。一种是原版,接近120K,另一种是把水分压缩掉的,近60K。太久没做应用技术了,没想到居然出来了这么多新鲜玩意儿,JavaScript还可以压缩水分,所以顺便又去了解了一下 JavaScript的Packer (这是在线链接),如果有兴趣, 这里 可以下载它的.NET、Perl、Wsh和PHP等几个版本。 不扯远了,说回正题。压缩版的JQuery的确合适网络传输提速,但压缩后的JQue...[ 查看全文 ]
  • 标签:Web开发
    一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数,在 jQuery 中它们起着至关重要的作用,在实际的前端开发过程中用到最多的也是它们。 1、jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。 返回值:jQuery 对象 参数 elements: 用于封装成 jQuery 对象的 DOM 元素 代...[ 查看全文 ]
  • 标签:Web开发
    一、下载 官方网址是http://jquery.com/ 官方下载地址:http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上 上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。 官网上下载有两种版本Compressed(Minified version)和Uncompr...[ 查看全文 ]
  • 标签:Web开发
    中文版译者:Keel 此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译(添加我的补充说明)如下。如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。 英文原版:http://jquery.bassistance.de/jquery-getting-started.html ,感谢原文作者 Jörn Zaefferer 本文发布已征求[ 查看全文 ]
  • 标签:Web开发
    代码如下: /* prevent execution of jQuery if included more then once */ if(typeof window.jQuery == "undefined") { /*  * jQuery 1.0.2 - New Wave Javascript  *  * Copyright (c) 2006 John Resig (jquery.com)  * Dual l...[ 查看全文 ]
  • 标签:Web开发
    代码如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - New Wave Javascript * * Copyright (c) 2008 King Wong * $Date: 2008-10-09 $ */ var ___id___ = ""; var ___settings___ = {}; var isMouseDown = false; var currentElement = null; var dropCallbacks = {}; var dragCallbacks = {}; ...[ 查看全文 ]
  • 标签:Web开发
    对比了多个javascript框架,不得不承认JQuery真的是个很优秀的框架。如果你还没有在你的框架中使用它,赶快扔掉那些臃肿、使用不方便的框架,这会给你的前端设计节约不少的代码。 为什么选择Jquery 我们在页面写javascript代码时,你可能会发现经常要遵循这样一种模式:选择一个元素或一组元素,然后以某种方式对其进行操作(如显示、隐藏元素,给元素添加css类,修改元素特性)。而jQuery在这方面具有...[ 查看全文 ]
  • 标签:Web开发
    1 查找元素节点 var $x = $("selector").text() 2 查找属性节点 var $x = $("selector").attr("property") 3 创建节点 var $x = $("html") 4 插入节点 $("selector").append() 向每个匹配的元素内部追加内容 $("selector").appendTo() 等价于.append()操作符左右互换 $("selector").prepend() 向每个匹配的元素内部前置内容 $("selector").prependTo() 等价于.prepend()操作符左右互换...[ 查看全文 ]
  • 标签:Web开发
    基于jQuery JavaScript Library v1.3.2 的单选模拟 (本文件是跟据 zhangjingwei 的Jquery Select(单选) 模拟插件 V1.3.4 修改而来的) a. 修改的主要原因是,原来的zhangjingwei的模拟在显示方式上的问题。在跟文字交替出现时会出现错位。现将模拟DIV的display修改为inline方式。更自然的嵌入到文本行中。 b.在加载文件后自动转化样式名为'commonselect' 的select。简化调用 c.对select的onchange()事件的...[ 查看全文 ]
  • 标签:Web开发
    jQuery 是一个强大的Javascript类库,里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。 在平时的开发中,我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。 jQuery=轻松实现表单验证: 在我们的开发中,常会有注册或是添加信息的时候,难免的我们就会需要对表单进行验证。jQuery对此作出了很好的支持。 jQuery代码 : Code C...[ 查看全文 ]
手机页面 收藏网站 回到头部