随笔分类 - jquery研究
摘要：今天来分析下extend方法在各种js框架下的设计。这个函数的功能基本都是实现对象的拷贝功能，即将一个对象的所有属属性拷贝到另外一个对象上去，这个函数使用的频率也很高，如果我们要将一个类的所有方法拷贝到另外方法上去，使用这个方法很方便的。1）在百度tangram js 框架中的实现，baidu.extend =baidu.object.extend = function (target, source) { for (var p in source) { if (source.hasOwnProperty(p)) { target[p] = source[p]; } ...
阅读全文
摘要：接着上篇，继续。。1）selector.toggleClass(className),在匹配的元素集合中的每个元素上添加或删除一个或多个样式类，取决于这个样式类是否存在例如：<div class="user">username</div> $('div.user').toggleClass('bing') 第一次我们应用的时候得到<div class="user bing">username</div> 再次应用就还原开始那样的2）selector.text() 得到匹配元素
阅读全文
摘要：今天以一个例子来看看jquery 的文档操作，首先上例子：<!DOCTYPEhtml><html><head><style>p{margin:8px;font-size:16px;}.selected{color:blue;}.highlight{background:yellow;}</style><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script></head&g
阅读全文
摘要：1）proxy 方法：通俗的讲就是改变函数的作用域，有两种调用方式： （1）jquery.proxy(function,context) function 为将要执行的函数，context为function上下文对象 （2）jquery.proxy(context,name) 函数上下文object对象，name为将要执行的函数。2）delegate 方法：为匹配到的选择器绑定一个或者多个事件 调用方式：delegate(selector,eventType,handler);selector为选择器，eventType 为事件类型(包含一个或者多个事件的字符串)，handler为事件触发执行
阅读全文
摘要：今天抽时间看了下jq，里面的选择器还是很丰富的，下面分别来对他进行分类下：1）首先是基本的选择器，可选择标签 ，样式，id，通配符4种属性的，eg：$(div) 是选择dom文档下所有的div元素，$(.class) 是选择所有dom文档下的所有样式为class的元素，id则必须通过$(#id)这种方式来使用，通配符是指 * ，能匹配所有的元素。2）组合选择器，就是通过各种方法选择的元素组合在一起，返回一个数组元素，各个选择器以，号分隔。3）层级选择器： $(“ancestor descendant”):在给定的祖先元素下匹配所有的后代元素，即子孙元素,例如：$(“div span.num”)
阅读全文