随笔分类 - Jquery
摘要：由于安全方面的考虑，Javascript被限制了跨域访问的能力，但是有时候我们希望能够做一些合理的跨域访问的事情，那么怎么办呢？这里分两类情况：一、基于同一父域的子域之间页面的访问；参见如下3个domain域：taobao.com、jipiao.taobao.com、promotion.taobao.com；它们有相同的父域taobao.com。二、基于不同父域页面之间的访问；参见如下3个domain域：taobao.com、baidu.com、sina.com.cn；它们具有不同的父域。解决它们之间跨域的方案有：方案1：服务器Proxy域A的页面JS需要访问域B下的链接获取数据，该方案在域A
阅读全文
摘要：我最近在用 uploadify + ashx 来做文件上传的功能。都测试成功了，但是发现我可以提交到其他的网站里面。我是在本地测试了。两个网站，IP地址相同，使用端口来区分。一个端口是8001，另一个是8002 。两个网站都有上传文件的程序，我发现，如果我把8001端口的站点的'script': '/_CommonPage/UploadHandler.ashx',改成'script': 'http://192.168.0.1:8002/_CommonPage/UploadHandler.ashx',居然也能够成功上传文件，传到了8
阅读全文
摘要：JQuery1.2后getJSON方法支持跨域读取json数据，原理是利用一个叫做jsonp的概念。当然，究其本质还是通过script标签动态加载js，似乎这是实现真正跨域的唯一方法。getJSON的用法JQuery手册已经写得很详细，参考手册就可以了，很简单。需要指出的一点是getJSON利用的jsonp需要客户端与服务端作出配合。客户端传递的URL里要包含callback变量，以形如callback=?的形式结尾。（jquery会随机生成一个字符串替换？传递给服务端）服务端获取客户端传递的callback的值callbackValue，和需要传递的json字符串构成 callbackVal
阅读全文
摘要：想必很多朋友都知道，<select />、<input type="file" />默认是不能通过样式美化的。前几天在做一个项目的时候恰巧要用到一个select，并想通过样式美化它。于是在博客园里找了一下相关的解决办法，还好找到了一段比较满意的js。经过修改，现在可以兼容各大浏览器，并完全模仿<select />来实现相关功能。 先看看实现的效果： 实现原理： 模访select的外观，用js再构造一个"select"。原始的select html代码如：原始Html<!DOCTYPE html PUBLIC &q
阅读全文
摘要：* $("*") 所有元素#id $("#lastname") id=lastname 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 <p> 元素.class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素:first $("p:first") 第一个 <p
阅读全文
摘要：方法 描述ready() 文档就绪事件（当 HTML 文档就绪可用时）blur() 触发、或将函数绑定到指定元素的 blur 事件change() 触发、或将函数绑定到指定元素的 change 事件click() 触发、或将函数绑定到指定元素的 click 事件dblclick() 触发、或将函数绑定到指定元素的 double click 事件error() 触发、或将函数绑定到指定元素的 error 事件focus() 触发、或将函数绑定到指定元素的 focus 事件keydown() 触发、或将函数绑定到指定元素的 key down 事件keypress() 触发、或将函数绑定到指定元素的
阅读全文
摘要：jquery是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器。由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQue
阅读全文
摘要：个人觉得用JQuery做网站前台和Ajax之类的前端还是挺好的，JQuery EasyUI就不清楚了，一直尝试着使用ExtJS做后台，前台搭配着少量的JQuery。 偶然从群里发现这份文档，传上来大家共享一下哇。目 录 写道1 Accordion（可折叠标签） 21.1 实例 21.2 参数 32 DateBox（日期框） 42.1 实例 42.2 参数 62.3 事件 62.4 方法 63 Co...
阅读全文
摘要：作者：Chris Spooner翻译：Terry li -GBin1.com英文：jQuery Plugins for Styling Checkbox & Radio Buttonsweb开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio buttons with CSS查看插件首页jqTransform查
阅读全文
摘要：具体更新如下：ChangeLogBugmenu: The menu position is wrong when scroll bar appears. fixed.accordion: Cannot display the default selected panel in jQuery 1.6.2. fixed.tabs: Cannot display the default selected tab panel in jQuery 1.6.2. fixed.Improvementmenu: Allow users to disable or enable menu item.combo:
阅读全文
摘要：现在的Web脚本趋势发展的非常快，开发者正在尝试着在网页上创建更多的任务。随着HTML5的普及，开发人员越来越重视脚本语言，与此同时各种操作工具也给开发人员带来更多的改进方法。本文收集了14个下载有用脚本的网站资源，如果你也有好的资源推荐请在评论中给予补充。1.ScriptCopyScriptCopy.com是个PHP脚本的资源站，这里有很多流行的网站脚本。比如：Youtube、Craigslist。2.JavafileJavaFile是Java开发者的主要来源。它提供了来自世界各地的开发人员开发的脚本。您可以下载超过600个免费的Java和javascripts。3.The Script L
阅读全文
摘要：jQuery中的queue和dequeue是一组很有用的方法，他们对于一系列需要按次序运行的函数特别有用。特别animate动画，ajax，以及timeout等需要一定时间的函数queue和dequeue的过程主要是：1，用queue把函数加入队列（通常是函数数组）2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）也就意味着当再次执行dequeue的时候，得到的是另一个函数了同时也意味着，如果不执行dequeue，那么队列中的下一个函数永远不会执行对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列而对于多个元素
阅读全文
摘要：1 //使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。 2 $("#id").show()//表示display:block, 3 $("#id").hide()//表示display:none; 4 $("#id").toggle()//切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 5 6 $("#id").css('display','none'); 7 $("#id").c
阅读全文
摘要：http://tutorialzine.com/2011/02/converting-jquery-code-plugin/
阅读全文
摘要：写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展：//判断:当前元素是否是被筛选元素的子元素jQuery.fn.isChildOf = function(b){return (this.parents(b).length > 0);};//判断:当前元素是否是被筛选元素的子元素或者本身jQuery.fn.isChildAndSelfOf = function(b){return (this.closest(b).length > 0);};使用起来也非常方便：$(document).click(function(event){alert($(e
阅读全文
摘要：至于有那些选择器，在帮助手册中都有，自己去看，这篇主要是分析他的工作原理，而优化我们写 的选择器，尤其在页面内容很多的情况下，更应该需要优化。下边就言归正传。每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可 以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇
阅读全文
摘要：jQuery学习教程（一）：入门jQuery学习教程（二）：选择器1jQuery学习教程（三）：选择器2jQuery学习教程（四）：使用jQuery操作DOMjQuery学习教程（五）：选择器综合实例jQuery学习教程（六）：属性操作与CSS操作jQuery学习教程（七）：val()与节点操作jQuery学习教程（八）：事件jQuery学习教程（九）：动画jQuery学习教程（十）：AJAX
阅读全文
摘要：先复习一下经典的ajax方式ajax.php现在时间是<php? echo date('Y-m-d H:i:s');?>ajax.html<script type="text/javascript"> function Ajax(){ var xmlHttp=null; if(window.ActiveXObject){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlHttp=new ActiveXObject("
阅读全文
摘要：js就是这样一门语言，你可以说它很简单，会一点C就能编写代码；你也可以说它很难，丰富强大灵活；不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”；高手用它来制作“星际争霸”游戏。jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!show([arg])//将元素display属性置为除none之外的值，具体记忆功能； hide([arg])//将元素display属性置为none以上两个函数均可带参数，一类是关键字参数：slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示，s
阅读全文
摘要：绑定事件jQuery绑定事件方法：bind(type[,data],fn)//type: 事件类型；data:作为event.data传递给对象的参数；fn:绑定的处理函数示例，在《锋利的jQuery》一书中讲到了这个例子：$(function(){ $("#panel h5.head").bind("click",function(){ if($(this).next("div.content").is(":visiable")){ $(this).next("div.content").hi
阅读全文
浙公网安备 33010602011771号