加入收藏 | 设为首页 | 会员中心 | 我要投稿湖南网（https://www.hunanwang.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!

当前位置：首页 > 业界 > 正文

JQUERY 1.4 你应该知道的15个新特性

发布时间：2018-08-16 09:40:26 所属栏目：业界来源：站长网

导读：jQuery 1.4 最近方才宣布. 这个版本可不是一个简朴的改造,它不只包括了许多新的特征，还改造了许多成果, 更在机能优化方面下了很大工夫, 本文将对这些新的特征和加强的部门举办接头,但愿能对你有所辅佐。保举阅读：JQuery 1.4 API中文手册起首此刻你可以

副问题[/!--empirenews.page--]

jQuery 1.4 最近方才宣布. 这个版本可不是一个简朴的改造,它不只包括了许多新的特征，还改造了许多成果, 更在机能优化方面下了很大工夫, 本文将对这些新的特征和加强的部门举办接头,但愿能对你有所辅佐。

保举阅读：JQuery 1.4 API中文手册

起首此刻你可以从这里下载最新的1.4的版本了：http://code.jquery.com/jquery-1.4.js

1. 转达属性给jQuery
1.4之前的版本中jQuery就通过"attr”要领支持了添加属性到元素荟萃中，"attr”要领不只可以转达属性名和值，也可以转达包括有多个属性的工具荟萃。在1.4中，除了可以建设新的工具，此刻它更能将属性工具作为参数转达给jQuery函数或工具自身。如你可以建设一个含有多个属性的链接元素，通过1.4代码如下：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('<a/>', {
id: 'gid',
href: 'http://www.google.com',
title: 'google非调和版',
rel: 'external',
text: '进入Google!'
});

你也许会留意到"text”属性而且揣摩它是干吗的，由于a标签是没有"text”属性的。呵呵，当你转达某些属性时，jquery 1.4同样会搜查并行使它本身的要领。因此上面的"text”属性可以让jQuery挪用它的".text()”要领并将"进入Google!“作为它的独一参数。

这里给出一个更好的例子：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('<div/>', {
id: 'foo',
css: {
fontWeight: 700,
color: 'green'
},
click: function(){
alert('Foo被点击过!');
}
});

"id”属性是作为一个平凡属性被添加的。但"css”和"click”属性则对应特定的jQuery要领。上面的代码在1.4之前一种写法如下：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('<div/>')
.attr('id', 'foo')
.css({
fontWeight: 700,
color: 'green'
})
.click(function(){
alert('Foo被点击过!');
});

更多关于jQuery特征

2. 全部的对象都可以"until“了
1.4新增了三个对DOM操纵的要领，他们别离是"nextUntil", "divvUntil" 和 "parentsUntil"。这些要了解凭证某个次序去遍历DOM工具直到满意指定的筛选前提。假设我们有一个生果列表：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <ul>
<li>苹果</li>
<li>香蕉</li>
<li>葡萄</li>
<li>草莓</li>
<li>例子</li>
<li>桃子</li>
</ul>

假如你想选择全部在"Apple”和"Strawberry”之间的元素。代码可以这样写：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('ul li:contains(苹果)').nextUntil(':contains(梨子)');
// 获得香蕉，葡萄，草莓

更多关于: prevUntil, nextUntil, parentsUntil

3. 绑定多个变乱
与通过jquery链绑定多个要领到一路对比，此刻你可以通过一次挪用来绑定全部这些变乱，如：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('#foo).bind({
click: function() {
// 详细代码
},
mouseover: function() {
// 详细代码
},
mouseout: function() {
// 详细代码
}
})

你也可以通过 ".one()"要领操纵。

更多关于.bind(…)

4. Per-Property Easing
与给一个动画仅仅界说一个缓动结果对比，此刻你可以给你想要添加动画结果的属性界说差异的缓动函数了。jQuery包括两个缓动函数，旋转(默认)和线性移动。假如你必要其他的结果的话，你必要去单独下载它们 !

要给每个属性指定一个缓动函数的话，你可以简朴的通过属性数组来到达目标，在数组中，第一个值是你想要实现的结果值，第二个参数则是行使的缓动函数，如：

Copy to Clipboard Liehuo.Net Codes

Liehuo.Net Codes

引用的内容：[www.veryhuo.com] jQuery('#foo').animate({
left: 500,
top: [500, 'easeOutBounce']
}, 2000);

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

1

相关内容

推荐文章

宏光MINI GAMEBOY全面	美国初创公司Aquarian
新一代汽车芯片的设计	显示器常见背光种类盘

站长推荐

热点阅读