- 浏览: 484523 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (301)
- Swing技术 (1)
- Linux (1)
- Javascript (22)
- 数据结构和算法 (3)
- J2SE (36)
- workflow (5)
- 设计模式 (14)
- web service (19)
- Ajax (14)
- 中间件 & 服务器 (8)
- 多线程 (9)
- Oracle (52)
- sys & soft (10)
- JMS (3)
- sso (9)
- android (11)
- struts2 (10)
- web协议 (2)
- 分布式 (2)
- PM (2)
- OLAP (3)
- Redis (2)
- Hibernate (7)
- ibatis (2)
- SQLServer (1)
- maven (3)
- Spring (7)
- Jsp (2)
- slf4j (1)
- jQuery (15)
- 权限 (1)
- 系统集成 (1)
- 笔记 (1)
- Freemarker (2)
- 项目管理 (1)
- eclipse (3)
- GIS (1)
- NoSql (3)
- win10 (1)
- win10网络 (2)
- 底层 (3)
- 数据库 (0)
最新评论
-
kabuto_v:
请问那种图,uml图是怎么画出来的呢?是您自己手工画的,还是有 ...
FastJSON 序列化、反序列化实现 -
梦行Monxin商城系统:
电商实例、业务并发、网站并发及解决方法 -
rockethj8:
client 㓟有一个参数是可以忽略一些URL 不进行验证登录 ...
SSO 之 (单点登录)实施中遇到的几个问题 -
mengxiangfeiyan:
好啊。。。。。
Oracle删除表,删除数据以及恢复数据、利用现有表创建新表
jQuery 1.4十大新特性解读及代码示例(1)
2010-05-13 08:57 Ethan Ethan Woo的博客 我要评论(0) 字号:T | T
今年1月51CTO曾为您报道过jQuery 1.4发布的消息,在这个版本中,jQuery有相当多的改进与功能更新,包括将属性传递给jQurey、多事件绑定以及一些元素处理的功能,我们将通过讲解和示例代码的方式向您详细介绍。
AD:2013云计算架构师峰会精彩课程曝光
今年1月51CTO曾为您报道过jQuery 1.4发布的消息,在这个版本中,jQuery有相当多的改进与功能更新,它不仅包含了很多新的特性,还改进了很多功能, 更在性能优化方面下了很大功夫, 本文将对这些新的特性和增强的部分进行讨论,希望能对你有所帮助。
jQuery 1.4版本下载地址: http://code.jquery.com/jquery-1.4.js
下面我们通过讲解和示例代码来详细介绍jQurey 1.4版本中你应该知道并使用的十大新特性。
1. 传递属性给jQuery
在之前的版本中jQuery就通过"attr”方法支持了添加属性到元素集合中,"attr”方法不仅可以传递属性名和值,也可以传递包含有多个属性的对象集合。在jQurey 1.4中,除了可以创建新的对象,现在它更能将属性对象作为参数传递给jQuery函数或对象自身。如你可以创建一个含有多个属性的链接元素。
jQuery('<a></a>', {
id: 'gid',
href: 'http://www.google.com',
title: 'google非和谐版',
rel: 'external',
text: '进入<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=Google"
mce_href="tag.php?name=Google">Google</SPAN>!'
});
你可能会注意到"text”属性并且猜测它是干吗的,因为a标签是没有"text”属性的。呵呵,当你传递某些属性时,jquery 1.4同样会检查并使用它自己的方法。因此上面的"text”属性可以让jQuery调用它的".text()”方法并将"进入Google!“作为它的唯一参数。
这里给出一个更好的例子:
jQuery('<div/>', {
id: 'foo',
css: {
fontWeight: 700,
color: 'green'
},
click: function(){
alert('Foo被点击过!');
}
});
"id”属性是作为一个普通属性被添加的。但"css”和"click”属性则对应特定的jQuery方法。上面的代码在1.4之前一种写法如下:
jQuery('<div/>')
.attr('id', 'foo')
.css({
fontWeight: 700,
color: 'green'
})
.click(function(){
alert('Foo被点击过!');
});
2. 所有的东西都可以"until“了
jQuery 1.4新增了三个对DOM操作的方法,他们分别是"nextUntil", "prevUntil" 和 "parentsUntil"。 这些方法会按照某个顺序去遍历DOM对象直到满足指定的筛选条件。假设我们有一个水果列表:
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>葡萄</li>
<li>草莓</li>
<li>例子</li>
<li>桃子</li>
</ul>
如果你想选择所有在"Apple”和"Strawberry”之间的元素。代码可以这样写:
jQuery('ul li:contains(苹果)').nextUntil(':contains(梨子)'); // 得到 香蕉,葡萄,草莓
3. 绑定多个事件
与通过jquery链绑定多个方法到一起相比,现在你可以通过一次调用来绑定所有这些事件,如:
jQuery('#foo).bind({
click: function() {
// 具体代码
},
mouseover: function() {
// 具体代码
},
mouseout: function() {
// 具体代码
}
})
你也可以通过 ".one()"方法操作。
4、检查元素是否拥有某对象
通过".has()”方法,jQuery 1.4使得检查一个元素(或者集合)是不是有某对象变得相当简单。从程序角度看,它和jQuery的selector过滤器":has()”是一样的。该方法会返回在当前集合中所有包含有至少一个符合条件的元素数组。
jQuery('div').has('ul');
上面方法会返回所有包含有UL元素的DIV元素数组。在这种情况下,你可能会更倾向于简单使用选择器的过滤器(":has()"), 但当你需要通过代码过滤一个数组的时候,该方法仍会很有用。
jQuery 1.4同样在jQuery命名空间下添加了新的"contains"函数。这是一个低级的函数,它接受两个DOM节点作为参数。它会返回一个布尔值来表示后面一个元素是否在前面一个元素中存在。如:
jQuery.contains(document.documentElement, document.body);
// 返回true - <body>在<html>存在
5、去掉元素的包装
".warp()”已经在jQuery中有段日子了,现在跟它对应的".unwrap()”方法也被加进到1.4中了。这个方法刚好跟warp()方法相反。假设有下面的DOM结构:
<div>
<p>Foo</p>
</div>
我们可以用下面的函数去掉段落元素的外层:
jQuery('p').unwrap();
最终的DOM结构如下:
<p>Foo</p>
注意,这个方法处理比较简单,它会移掉任何元素的父节点。
2010-05-13 08:57 Ethan Ethan Woo的博客 我要评论(0) 字号:T | T
今年1月51CTO曾为您报道过jQuery 1.4发布的消息,在这个版本中,jQuery有相当多的改进与功能更新,包括将属性传递给jQurey、多事件绑定以及一些元素处理的功能,我们将通过讲解和示例代码的方式向您详细介绍。
AD:2013云计算架构师峰会精彩课程曝光
今年1月51CTO曾为您报道过jQuery 1.4发布的消息,在这个版本中,jQuery有相当多的改进与功能更新,它不仅包含了很多新的特性,还改进了很多功能, 更在性能优化方面下了很大功夫, 本文将对这些新的特性和增强的部分进行讨论,希望能对你有所帮助。
jQuery 1.4版本下载地址: http://code.jquery.com/jquery-1.4.js
下面我们通过讲解和示例代码来详细介绍jQurey 1.4版本中你应该知道并使用的十大新特性。
1. 传递属性给jQuery
在之前的版本中jQuery就通过"attr”方法支持了添加属性到元素集合中,"attr”方法不仅可以传递属性名和值,也可以传递包含有多个属性的对象集合。在jQurey 1.4中,除了可以创建新的对象,现在它更能将属性对象作为参数传递给jQuery函数或对象自身。如你可以创建一个含有多个属性的链接元素。
jQuery('<a></a>', {
id: 'gid',
href: 'http://www.google.com',
title: 'google非和谐版',
rel: 'external',
text: '进入<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=Google"
mce_href="tag.php?name=Google">Google</SPAN>!'
});
你可能会注意到"text”属性并且猜测它是干吗的,因为a标签是没有"text”属性的。呵呵,当你传递某些属性时,jquery 1.4同样会检查并使用它自己的方法。因此上面的"text”属性可以让jQuery调用它的".text()”方法并将"进入Google!“作为它的唯一参数。
这里给出一个更好的例子:
jQuery('<div/>', {
id: 'foo',
css: {
fontWeight: 700,
color: 'green'
},
click: function(){
alert('Foo被点击过!');
}
});
"id”属性是作为一个普通属性被添加的。但"css”和"click”属性则对应特定的jQuery方法。上面的代码在1.4之前一种写法如下:
jQuery('<div/>')
.attr('id', 'foo')
.css({
fontWeight: 700,
color: 'green'
})
.click(function(){
alert('Foo被点击过!');
});
2. 所有的东西都可以"until“了
jQuery 1.4新增了三个对DOM操作的方法,他们分别是"nextUntil", "prevUntil" 和 "parentsUntil"。 这些方法会按照某个顺序去遍历DOM对象直到满足指定的筛选条件。假设我们有一个水果列表:
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>葡萄</li>
<li>草莓</li>
<li>例子</li>
<li>桃子</li>
</ul>
如果你想选择所有在"Apple”和"Strawberry”之间的元素。代码可以这样写:
jQuery('ul li:contains(苹果)').nextUntil(':contains(梨子)'); // 得到 香蕉,葡萄,草莓
3. 绑定多个事件
与通过jquery链绑定多个方法到一起相比,现在你可以通过一次调用来绑定所有这些事件,如:
jQuery('#foo).bind({
click: function() {
// 具体代码
},
mouseover: function() {
// 具体代码
},
mouseout: function() {
// 具体代码
}
})
你也可以通过 ".one()"方法操作。
4、检查元素是否拥有某对象
通过".has()”方法,jQuery 1.4使得检查一个元素(或者集合)是不是有某对象变得相当简单。从程序角度看,它和jQuery的selector过滤器":has()”是一样的。该方法会返回在当前集合中所有包含有至少一个符合条件的元素数组。
jQuery('div').has('ul');
上面方法会返回所有包含有UL元素的DIV元素数组。在这种情况下,你可能会更倾向于简单使用选择器的过滤器(":has()"), 但当你需要通过代码过滤一个数组的时候,该方法仍会很有用。
jQuery 1.4同样在jQuery命名空间下添加了新的"contains"函数。这是一个低级的函数,它接受两个DOM节点作为参数。它会返回一个布尔值来表示后面一个元素是否在前面一个元素中存在。如:
jQuery.contains(document.documentElement, document.body);
// 返回true - <body>在<html>存在
5、去掉元素的包装
".warp()”已经在jQuery中有段日子了,现在跟它对应的".unwrap()”方法也被加进到1.4中了。这个方法刚好跟warp()方法相反。假设有下面的DOM结构:
<div>
<p>Foo</p>
</div>
我们可以用下面的函数去掉段落元素的外层:
jQuery('p').unwrap();
最终的DOM结构如下:
<p>Foo</p>
注意,这个方法处理比较简单,它会移掉任何元素的父节点。
发表评论
-
jQuery前端网页特效大全
2016-01-22 11:15 755http://ini.iteye.com/blog/2165 ... -
HTML性能优化技巧
2016-01-14 11:41 925如何提升Web页面的性能 ... -
jQuery 之 nice Validator 0.2.0发布,jQuery智能表单验证
2014-02-20 17:45 800http://www.oschina.net/news/424 ... -
jQuery 之 跨域访问
2013-11-26 21:46 760浏览器端跨域访问一直是个问题, 多数 ... -
jQuery 之 几种常用方法
2013-10-19 00:28 765jQuery中为我们提供了很多有用的方法和属性,文章总结了一些 ... -
jQuery 之 1.4十大新特性解读
2013-10-19 00:04 753http://developer.51cto.com/art/ ... -
jQuery 之 用技巧来提高代码质量
2013-10-18 01:03 767http://www.cnblogs.com/analyzer ... -
JSON 之 利用JSON插件进行数据交换格式
2013-10-18 00:45 941http://developer.51cto.com/art/ ... -
jQuery Dom操作 之 移动和复制dom节点
2013-10-17 23:55 1696http://www.jquerycn.cn/content/ ... -
jQuery 之 纯js实现JSONP跨域
2013-10-15 23:20 1443http://www.jquerycn.cn/content/ ... -
jQuery 之 jsonp跨域原理
2013-10-15 23:14 1116http://www.jquerycn.cn/content/ ... -
jQuery 之 与Dom对象之间转换
2013-08-17 17:27 0刚开始学习jQuery,可能 ... -
jQuery 之 nt-child
2013-08-17 12:34 0在使用JQuery的时候如果你想寻找某个容器(诸如div或者是 ... -
jQuery 之 防止重复提交
2013-08-17 11:59 0复制代码 代码如下: $("input:subm ... -
jquery 之 JSON的解析方式
2013-08-17 09:26 883第一次用JSON作为jquery异步请求的传输对象,结果在jq ... -
jQuery 之 ajax json
2013-08-17 09:06 1008ajax利用json船底数据 一、 <!DOCTYP ... -
jQuery之 深入浅出jquery
2013-08-04 16:46 1307http://sishuok.com/forum/blogPo ...
相关推荐
13333 财务管理-企业内部控制与风险管理培训教材(PPT 150页).ppt
2021-2022计算机二级等级考试试题及答案No.13333.docx
内网穿透工具,可以实现代理本地端口生成域名,可以通过此域名访问本地服务,在公众号等需要提供外网回调地址的场景下,本地开发人员可以使用此工具生成域名配置简单使用,支持linux、mac、win64
https://ding-doc.dingtalk.com/doc#/kn6zg7/hb7000 钉钉团队开源内网穿透工具
数据总数(条) 279720 运营商 号段 号段数量 电信 133 9641 153 9818 180 9493 189 9982 181 6591 移动 134 8197 135 10000 136 10000 137 9975 138 9994 139 9980 150 10000 ... 147 6276
水 13333 丙酮 13600 乙醇 13600 糖溶液(30%) 13800 酒精 13900 萤石 14340 融化的石英 14600 Calspar2 14860 糖溶液(80%)14900 玻璃 15000 玻璃,锌冠 15170 玻璃,冠 15200 氯化钠 15300 氯化钠...
则忽略msr内核模块的警告如何使用在docker中运行docker run --network host --privileged yongman/xmrig:6.9.0-5 -o rx.unmineable.com:13333 -a rx -k -u DOGE:DBF3aJYXayG5npwDNxP3JqiqJfxAUvKL1t.github#51ml-...
大数据分析文件,提供给开发者的测试的数据,数据样本(218.87.132.193 - - [30/May/2013:19:06:12 +0800] "GET /static/image/common/swfupload.swf?preventswfcaching=1369911981262 HTTP/1.1" 200 13333)
Cr含量达13333×10-6。对15个样品的可见吸收光谱进行测试及解释表明金绿宝石的可见吸收光谱是由Fe3+引起,变石的可见吸收光谱由Cr3+和Fe3+共同引起。色度学的分析和系列计算表明具有440~470nm间最大吸收
TicTacToe Android 适用于Android的井字游戏。 该项目使用我的游戏控制台Java版本的代码。 所有没有输出/输入的类都移至该项目。 该应用程序只有一个屏幕。 游戏使用3到3字段的标准规则。...Skype:roux13333
超实用的,很管用的配置步骤,经过本人一步一步配置,终于配置出来了