随笔分类 -  jQuery

摘要：jQuery1.6将近9000行的代码，看看都头晕，把代码简化成这样看就清晰多了：(function( window, undefined ) {var jQuery = (function() { var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }; jQuery.fn = jQuery.prototype = {}; jQuery.fn.init.prototype = jQuery.fn; jQuery.exte... 阅读全文

摘要：在项目中经常会用到JQuery和DOM的相互转换一般来说，有以下方式可以实现1.JQuery转DOM var o=document.getElementById("id");//o即是DOM对象 var $v=jQuery(o); //v就是jQuery对象2.DOM转jQuery jQuery对象的本质是数组对象，因此转换有两种方法： （1）[index]属性 var $v =jQuery("#id"); //v即是jQuery对象 var o=$v[0]; //o就是DOM对象 （2）get(index)方法 var $v =jQuery(" 阅读全文

摘要：用js判断页面是否加载完成实现代码jquery加载页面的方法(页面加载完成就执行)。1、$(function(){ $("#a").click(function(){ //adding your code here });});2、$(document).ready(function(){ $("#a").click(function(){ //adding your code here });});3、window.onload = function(){ $("#a").click(function(){ //adding you 阅读全文

摘要：我们研究一下jQuery的源码编码方法很简单。 下面是全部代码的开头和结尾。(function( window, undefined ) { var document = window.document, navigator = window.navigator, location = window.location; [...] // The main sources are here window.jQuery = window.$ = jQuery;})(window); 核心下面是主要代码的缩减版，可以看到很多块代码。var jQuery = ( ... 阅读全文

摘要：setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,methodName,interval[,arg1,arg2,.....argn])第一种格式是标准动作面板中setInterval函数的默认语法，第二种格式是在专家模式动作中使用的方法。其中的参数function是一个函数名或者一个对匿名函数的引用。object参数指定从Ob 阅读全文

摘要：jQuery的ready函数和js的onload函数一样，就是在页面加载完后自动去调用这个函数，所以一个页面中只能存在一个这个函数，不能多次调用！如，如果在同一页面的不同js文件中分别都调用了ready接口，则只会有一处响应，而另外一处则永远运行不了。 阅读全文

摘要：这是一道在面试的时候面试官帅哥出的一道题，随便用什么语言实现。我当时用jQuery没能完整给出答案，后来回家自己研究了一下，算法还挺简单的。题目：求页面中所有单词的个数jQuery(function(){ function countWordsNum(){ var wordsArr = [];// 保存各个单词 var $nodes = $("body").children(); var len = $nodes.length; var regx = /[a-zA-Z]+/g; for(var i=0; i<len; i++) { var str = $nodes.e 阅读全文

摘要：/****************滚动加载图片函数****************/ function scrollLoading(){ var st = $(window).scrollTop(), sth = st + $(window).height(); var $targetpics = $("img.scrloadpic"); var len = $targetpics.length; for(var i=0; i< len; i++) { var $temppic = $targetpics.eq(i); var post = $temppic.... 阅读全文

摘要：源码下载：http://www.ligerui.com/API文档：http://www.ligerui.com/api/简介jQuery LigerUI 是基于jQuery的一系列UI控件组合，简单而又强大，致力于快速打造Web前端界面解决方案。 因为是前端控件，跟服务器无关，可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式，以“简单”为原则的设计，每个插件尽量独立，并可依赖拓展。ligerUI是什么jQuery LigerUI控件丰富，包括基础、导航、布局、表单、表格、树形、窗口等基础：Resizable、Dra 阅读全文

摘要：转：http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html一、原型模式结构1 // 定义一个jQuery构造函数2 var jQuery = function() {3 4 };5 6 // 扩展jQuery原型 7 jQuery.prototype = {8 9 };上面是一个原型模式结构，一个jQuery构造函数和jQuery实例化对象的的原型对象，我们一般是这样使用的：1 var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法，但是jQue 阅读全文