阿里网站年费怎么做分录,企业网站建设的作用,如何做谷歌seo推广,自己建立的网站1. 传参给 jQuery(…) 之前#xff0c;jQuery可以通过 attr 方法设置元素的属性#xff0c;既可传属性的名和值#xff0c;也可以是包含几组特定 属性名值对 的 对象。在 jQuery 1.4 中#xff0c;你可以把一个参数对象作为第二个参数传给 jQuery 函数本身#xff0c;同时… 1. 传参给 jQuery(…) 之前jQuery可以通过 attr 方法设置元素的属性既可传属性的名和值也可以是包含几组特定 属性名值对 的 对象。在 jQuery 1.4 中你可以把一个参数对象作为第二个参数传给 jQuery 函数本身同时创建HTML元素。 比方说你想要创建一个带有几个属性的锚记元素a/a。在1.4中一切如此简单 Code:jQuery(a/, {id: foo,href: http://google.com,title: Become a Googler,rel: external,text: Go to Google!}); 你大概也能猜到这个锚记元素没有的 text 属性会调用 jQuery 的私有方法.text() 把元素里的文字设置为“Go to Google!” 针对这一用法下面是更有用的实例 Code:jQuery(div/, {id: foo,css: {fontWeight: 700,color: green},click: function(){alert(Foo has been clicked!);}}); id 为一般属性被直接加上了而 css 和 click 则激发了相应的 jQuery 方法。在1.4以前上面的代码需写成这个样子 Code:jQuery(div/).attr(id, foo).css({fontWeight: 700,color: green}).click(function(){alert(Foo has been clicked!);}); 详细了解 jQuery(…) 2. 直到遇见你... 1.4的DOM遍历工具包里又增加了3个新方法nextUntil prevUntil 和 parentsUntil。这些方法会按照特定的方向遍历DOM直到遇到满足指定选择符的元素为止。举例来说现在我 们有一张水果名的清单 Code:ulliApple/liliBanana/liliGrape/liliStrawberry/liliPear/liliPeach/li/ul 我们想挑选出所有在 Apple 后Pear 前的所有条目。代码十分简单 Code:jQuery(ul li:contains(Apple)).nextUntil(:contains(Pear));// 选出的是 Banana, Grape, Strawberry 详细了解 prevUntil, nextUntil, parentsUntil 3. 绑定多个事件处理器 不再需要把各个事件绑定方法“链”在一起现在你可以把它们捆成一堆如下 Code:jQuery(#foo).bind({click: function() {// do something},mouseover: function() {// do something},mouseout: function() {// do something}}) 这一用法也适用于 .one(). 详细了解 .bind(…) 4. 依属性指定缓动效果 以前只能为一个动画指定一种缓动效果easing即动画过程中的速度变化规律。jQuery 原生支持两种缓动效果swing默认和linear 。要使用其他效果你需要自己另行下载。现在你可以为动画的各个属性参数指定不同的缓 动效果 Code:jQuery(#foo).animate({left: 500,top: [500, easeOutBounce]}, 2000); 点此查看实际效果 你也可以在一个可选的动画选项对象中为 secialEasing 设置一系列名值对来完全上面的工作 Code:jQuery(#foo).animate({left: 500,top: 500}, {duration: 2000,specialEasing: {top: easeOutBounce}}); 编辑注我们的作者 James Padolsey 谦虚了这一功能点是他想出来的哦 详细了解有关 per-property-easing 的内容 5. 更新的 Live 事件 jQuery 1.4 添加了对指派 submit change focus 和 blur 事件的支持。在jQuery中我们利用.live() 方法指派事件。当你想要为多个元素注册事件处理器时这会非常有用。而且就算满足选择符的元素是新出现的这些事件也会继续有效使用 .live() 比不断重复绑定要省力省心得多。 不过当心了注册 focus 和 blur 事件时你需要用 focusin 和 focusout 作为事件名。 Code:jQuery(input).live(focusin, function(){// do something with this}); 6. 控制函数上下文 jQuery 1.4 提供了一个全新的 proxy 函数位于 jQuery 命名空间下。这一函数接受两个参数一个是“作用域”scope或者一个方法名另一个是某函数或者目标作用域the intended scope。 众所周知 JavaScript的 this 关键字是一个很难把握的东西。有时候你并不想它代表一个元素而想让它代表你前面创建的某个对象。 例如在这里我们创建了一个 app 对象它拥有两个属性一个是 clickHandler 方法一个是负责参数配置的对象。 Code:var app {config: {clickMessage: Hi!},clickHandler: function() {alert(this.config.clickMessage);}}; 这个 clickHandler 方法当像 app.clickHandler() 这样调用时app 就是其上下文也就是说 this 关键字指向的是 app 。如果只需简单地调用这样的写法没什么问题 Code:app.clickHandler(); // Hi! is alerted 不过如果把它当作一个事件处理器 Code:jQuery(a).bind(click, app.clickHandler); 当我们点击这个锚记时并没有达到预想的效果没东西 alert 出来。这是因为 jQuery 以及大部分理智的事件模型默认地都会把处理器的上下文指定为目标元素本身。也就是说this 所代表正是被点击的这个链接。而我们想的是this 应该继续代表 app 。在jQuery 1.4中实现这一目的十分简单 Code:jQuery(a).bind(click,jQuery.proxy(app, clickHandler)); 现在点击所有锚记都会弹出“Hi!”了。 代理函数把你的函数包裹一圈同时把函数内的 this 设定为你想要东西。在其他上下文应用场景如把回调函数传给其他 jQuery 方法或插件代理函数也能派上用场。 了解更多 jQuery.proxy 7. 动画队列延迟 现在可以给动画队列加一个延迟了。虽然这个功能可以在任何队列里实现但最常用的可能还是延迟“fx 队列”fx queuejQuery默认的动画队列。它能让你在两个动画行为之间暂停一下而不用牵扯到回调函数和 setTimeout 之类的东西。.delay() 的第一个参数即你需要设定的延迟毫秒数 Code:jQuery(#foo).slideDown() // Slide down.delay(200) // Do nothing for 200 ms.fadeIn(); // Fade in 如果你想延迟一个除 fx 以外的队列把队列名作为第二个参数传给 .delay() 就可以了。 详细了解 .delay(…) 8. 检测元素是否含有特定内容 jQuery 1.4 让检测一个元素或集合是否含有.has()某项东西更为容易。其背后的机理和选择过滤器 :has()是一样的。这个方法会从当前集合中选出满足任意指定条件之一的元素。 Code:jQuery(div).has(ul); 这条语句在所有DIV元素中挑出那些包含UL元素的。这种情况可能用选择过滤器 :has() 就好了但当你要更程式化地过滤选择集时 .has() 方法就十分有用了。 jQuery 1.4 还在 jQuery 命名空间下新增了一个 contains 函数。这是一个比较底层的函数接受两个 DOM 节点为参数。返回一个布尔值指示第二个元素是否包含在第一个元素中。例如 Code:jQuery.contains(document.documentElement, document.body);// 返回true - body 确实包含在 html 中 消息了解 .has(…), jQuery.contains(…) 9. 给元素剥皮 很早以前jQuery 就可以用 .wrap() 给元素裹一层皮。现在 jQuery 1.4 添加了 .unwrap() 方法用以剥皮。看下面的DOM结构 Code:divpFoo/p/div 来把 p 元素外面的一层皮div剥掉 Code:jQuery(p).unwrap(); DOM 变成了 Code:pFoo/p 总而言之这个方法可以把任意元素的父元素移除。. 详细了解 .unwrap(…) 10. 移除元素而不删除数据 以前有一个.remove()方法是把元素剥离后抛弃。全新的 .detach() 方 法可以让你把一个元素从DOM中剥离而不丢失数据。囊括该元素的 jQuery 对象会在操作完成后还保留这个元素。数据可以通过 .data() 或者 jQuery 事件系统中的任意事件处理器传入 jQuery 对象。 当你需要把某个元素从DOM中移除然后在将来某个场景中重新引入时这个函数会很有用。元素的事件句柄和其他所有数据都会被保留。 Code:var foo jQuery(#foo);// 绑定一个重要的事件处理器foo.click(function(){alert(Foo!);});foo.detach(); // 从DOM中移除// … do stufffoo.appendTo(body); // 重新加入到DOMfoo.click(); // 弹出alert信息 Foo! 详细了解 .detach(…) 11. index(…) 的功能增强 jQuery 1.4 为您使用 .index() 提供了两种新方法。以前你必须把元素作为参数传给它然后获得一个返回的数值代表在当前集合中这个元素的索引。现在如果不传参数过去返回的值就代 表某元素在其同辈中排行老几。比方说下面的DOM Code:ulliApple/liliBanana/liliGrape/liliStrawberry/liliPear/liliPeach/li/ul 你想要晓得点击一个条目后它是列表中的第几个实现的代码十分简单 Code:jQuery(li).click(function(){alert( jQuery(this).index() );}); jQuery 1.4 也允许你将选择符作为 .index() 的第一个参数。这样做会返回当前元素在你指定的选择符 所匹配出的元素集合中的索引值。 还得提醒一点这一方法返回的是数值如果文档中无法找到指定条件的元素会返回数值 -1 。 详细了解 .index(…) 12. DOM 操纵可接收回调函数 现在大部分的DOM操纵方法都支持了将 函数 作为单一参数传入.css() 和 .attr() 传 入为第二个参数。这个函数会为选择集中的每一个元素都跑一遍从而为相应操纵方法提供更“有个性”的值。 下列方法支持这一功能 after before append prepend addClass toggleClass removeClass wrap wrapAll wrapInner val text replaceWith css attr html 有了回调函数你就能在选择集中利用 this 关键字来访问当前元素用回调函数的第一个参数来访问其索引值。 Code:jQuery(li).html(function(i){return Index of this list item: i;}); 还有还有上面的某些方法还提供第二个参数供你利用。如果你调用的是一个设定型方法如.html() 和 .attr(href...) 你还能取得当前值。例如 Code:jQuery(a).attr(href, function(i, currentHref){return currentHref ?foobar;}); 如您所见对于.css() 和 .attr() 方法来说之所以要把函数作为第二个参数 传递是因为第一个参数要用来指定我们需要修改的是哪一个属性 Code:jQuery(li).css(color, function(i, currentCssColor){return i % 2 ? red : blue;}); 13. 判定对象类型 jQuery 1.4 新增了两个全新的辅助函数都直接位于 jQuery 命名空间下可以帮助你判别你正在操纵的是何种对象。 第一个函数是 isEmptyObject, 它返回一个布尔值判定对象是否为空。第二个是 isPlainObject 它返回的布尔值代表传递过去的参数是否为JavaScript的简单对象plain object也就是用 {} 或 new Object()创建的对象。 Code:jQuery.isEmptyObject({}); // truejQuery.isEmptyObject({foo:1}); // falsejQuery.isPlainObject({}); // truejQuery.isPlainObject(window); // false jQuery.isPlainObject(jQuery()); // false 了解更多 isPlainObject(…), isEmptyObject(…) 14. Closest(…) 的功能增强 jQuery的.closest() 方法现在可以接受一组选择符作为参数。当你需要遍历某一元素的所有上级找到一 个以上符合特定特征的最近元素时此功能就能派上用场。 而且现在它还能接受上下文环境作为第二个参数也就是说你可以控制DOM遍历的深度或者说远度。虽然说大家可能很少会用到这两个新特性但一旦用 上效果是惊人的 了解更多 .closest(…) 15. 新事件 focusIn 与 focusOut 如前所述现在部署 focus 和 blur 事件时你需要使用 focusin 和 focusout 这两个新事件。这两个事件帮助你在特定元素或者该元素的子元素 获取/失去 焦点时采取行动。 Code:jQuery(form).focusin(function(){jQuery(this).addClass(focused);});.focusout(function(){jQuery(this).removeClass(focused);}); 值得说明的是这两个事件不会传播开来即所谓的“冒泡”它们会被捕获住。也就是说外部元素父辈会在作孽的“目标”元素causal target element之前被触发。 转载于:https://www.cnblogs.com/koking/archive/2010/06/15/1758453.html
