- 浏览: 495715 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 809http://ini.iteye.com/blog/2165 ... -
HTML性能优化技巧
2016-01-14 11:41 983如何提升Web页面的性能 ... -
jQuery 之 nice Validator 0.2.0发布,jQuery智能表单验证
2014-02-20 17:45 836http://www.oschina.net/news/424 ... -
jQuery 之 跨域访问
2013-11-26 21:46 801浏览器端跨域访问一直是个问题, 多数 ... -
jQuery 之 几种常用方法
2013-10-19 00:28 799jQuery中为我们提供了很多有用的方法和属性,文章总结了一些 ... -
jQuery 之 1.4十大新特性解读
2013-10-19 00:04 784http://developer.51cto.com/art/ ... -
jQuery 之 用技巧来提高代码质量
2013-10-18 01:03 797http://www.cnblogs.com/analyzer ... -
JSON 之 利用JSON插件进行数据交换格式
2013-10-18 00:45 974http://developer.51cto.com/art/ ... -
jQuery Dom操作 之 移动和复制dom节点
2013-10-17 23:55 1736http://www.jquerycn.cn/content/ ... -
jQuery 之 纯js实现JSONP跨域
2013-10-15 23:20 1478http://www.jquerycn.cn/content/ ... -
jQuery 之 jsonp跨域原理
2013-10-15 23:14 1153http://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 921第一次用JSON作为jquery异步请求的传输对象,结果在jq ... -
jQuery 之 ajax json
2013-08-17 09:06 1043ajax利用json船底数据 一、 <!DOCTYP ... -
jQuery之 深入浅出jquery
2013-08-04 16:46 1348http://sishuok.com/forum/blogPo ...
相关推荐
13333 财务管理-企业内部控制与风险管理培训教材(PPT 150页).ppt
2021-2022计算机二级等级考试试题及答案No.13333.docx
内网穿透工具,可以实现代理本地端口生成域名,可以通过此域名访问本地服务,在公众号等需要提供外网回调地址的场景下,本地开发人员可以使用此工具生成域名配置简单使用,支持linux、mac、win64
【钉钉内网穿透】是钉钉团队推出的一款开源内网穿透工具,旨在帮助用户解决在内网环境下访问外部网络或者让外部网络访问内网服务的问题。内网穿透,也称为NAT穿透,是一种网络技术,用于允许位于内部网络(通常无法...
本课件“13333-Web应用开发技术-电子教案”旨在为学习者提供全面而深入的Web应用开发知识体系。 首先,Web应用的基本架构通常包括客户端(浏览器)和服务器端两部分。客户端主要负责用户交互,通过HTML、CSS和...
print("{:.1f}".format(0.13333)) # 使用round()函数进行四舍五入 print(round(0.13333, 1)) # 使用格式化字符串直接嵌入变量和格式化选项 print('{0}{1:.2f}'.format('Pi=', 3.1415)) ``` 以上知识点涵盖了...
这些设备符合GB/T13333-2021《商品混凝土泵》和JGJ/T10-95《商品混凝土泵送施工技术规程》的技术标准,同时也满足国家环保要求。 设备特点方面,液压系统采用了德国力士乐公司的主油泵,具有恒功率控制,确保高可靠...
在此案例中,乙方拥有合法的矿权,面积约20亩,具体坐标明确,合作项目占地面积约为13333.4平方米。这些详细信息对于界定合作范围和避免权属纠纷至关重要。 其次,协议书规定了合作开发方式。合作期限设定为一定...
这里的机会成本 = (100000/最佳持有量) * 200 * 10% / 360,转换成本 = 最佳持有量 / (最佳持有量/200) * 200,计算得最佳现金持有量 = 13333.33元,机会成本 = 833.33元,转换成本 = 833.33元,最低现金相关总成本 ...
该项目位于眉山市仁寿县文林工业园区B区,占地面积13333.73平方米,建筑面积9531.71平方米,总投资5500万元,其中环保投资181万元,占总投资的3.29%。项目计划新建一条年产能为5000吨的火锅底料生产线,以满足市场...
项目占地13333平方米,总建筑面积6618平方米,包括办公楼、标准化厂房、仓库、宿舍楼以及配套设施如食堂、变电所、锅炉房和绿化工程。预计总投资1422.21万元,其中环保投资42万元,占总投资的3.0%,体现了公司在环保...
设现在价格为x,则原价为x / 75% = x / 0.75,所以现在10000元对应的原价为10000 / 0.75 = 13333.33元。 4. 求解比例问题: 在修路的问题中,我们可以通过比例关系来解决问题。例如,第一个B问题,设公路总长为x米...
项目占地13333.33平方米,属仓储业和服务业类别,具体为G59其他仓储业及O81其他服务业。项目总投资4200万元,环保投资109万元,占总投资的2.5%。 【建设内容与规模】 项目计划新建建筑面积8500平方米,包括8座950...
在示例中,数据经过Mapper处理后,形成了键值对,如“13333-20181010”表示电话ID和日期,“1”表示通话次数,“10”表示通话时长,然后Reduce阶段将相同键的值聚合在一起,生成最终的汇总结果。 在数据分析过程中...
12. 血压与水银柱高度关系:100mmHg的收缩压相当于约13333帕的压强。 13. 抽气实验:抽气前气球内的气体压强大于大气压;抽气时气球膨胀,表明其内部气体压强大于瓶内气体压强,因此瓶内气体压强小于大气压。 14. ...
CoFilesShear_ae75e0e0-c937-48b7-86e7-d49ac13333ec可能是一个项目文件或者编译后的可执行文件,用户可以通过它来运行或查看工具的运行效果。 总的来说,这个C#文件剪切工具源码的学习和分析将涵盖C#语言基础、...
其中的Bulletin13333/4标识可能是指该型号变频器的具体子类或变种型号,而20HP则是指该变频器所能驱动的电机的最大功率。 手册中的一个重要部分是关于用户的重要信息说明。由于变频器的种类繁多以及其与机电设备...
2. `(a + b + c)**3`对应(13333)。 3. `3*a + b + c`对应3a + b + c。 对于特定的Python表达式编写要求: 1. 将整数k转换为实数:`float(k)` 2. 求实数x的小数部分:`x - int(x)` 3. 求正整数m的百位数字:`(m // ...