刘钢的博客 – 我是UED » Jquery1.4正式版发布了 JS库时代就是这样快

首页 > JavaScript脚本, 前端开发 > Jquery1.4正式版发布了 JS库时代就是这样快

发表评论阅读评论 Jquery1.4正式版发布了 JS库时代就是这样快

2010年1月16日

记得前几天看了D2的视频 kejun兄讲的库时代和框架时代让我感同身受因为我所做的项目用的是Jq库不知不觉的一个个插件让页面的已经一大排了~
所带来的另一个问题是库的升级问题公司目前的项目貌似有用jquery1.2.6的有用jquery1.3.2的还没有完全的更新到新版
这不是Jquery1.4又出来了么看了一下新版的API还是不错的 New or Changed in 1.4 部分点击查看

vfresh兄弟已经写了一个新版的概述我就直接转载过来了

修改内容：

.add() 支持 .add( selector, context ) 方式
以下增加支持处理function方式：.addClass() .after() .before() .append() .css() .html() .prepend() .removeAttr() .removeClass() .replaceWith() .text() .toggleClass() .val() .wrap() .wrapAll() .wrapInner()
.bind() 支持批量绑定事件
.closest()支持第二个参数(筛选元素的容器)，优化效率。用法：.closest( selector, [ context ] )
.data() 支持批量设值 $('body').data({one: 1, two: 2});
.index() 如果无参数，则返回在它兄弟级元素集合中的索引值；并支持使用选择器(selector)过滤
jQuery() 如果无参数，会返回一个空的数组（旧版本返回document）
用 jQuery() 创建DOM时，可以使用第二个参数来设置属性值、绑定事件查看示例
.offset() 新增功能可以直接设置元素相对于document的坐标，并支持function参数
jQuery.param() 第二个参数(布尔值)，可以设定是否进行URI编码

新增内容：

.clearQueue() 清除.queue()生成的队列，如无参数将清除fx中的队列；类似于.stop(true)
jQuery.contains() 检测是元素否包含目标

jQuery.contains(document.documentElement, document.body); // true
jQuery.contains(document.body, document.documentElement); // false

.delay() 延迟执行队列

<!DOCTYPE html>
<html>
<head>
  <style>
div { width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; }
.second { background-color: #33f;}
</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
<body>

<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>

<script>
    $("button").click(function() {
      $("div.first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });
</script>
</body>
</html>

.detach() 返回从元素数组中移除的匹配元素。
.focusin() 是.bind(‘focusin’, handler)的简写方式。
.focusout() 是.bind(‘focusout’, handler)的简写方式。
.has() 筛选出包含有指定元素的集合

<div id="a"><strong>这个会被选中</strong></div>
	<div id="b">这个选不中</div>
	<script type="text/javascript">
	$('div').has('strong').css('color','red');
	</script>

jQuery.isEmptyObject() 检测对象是否为空值

jQuery.isEmptyObject({}) // true
jQuery.isEmptyObject({ foo: "bar" }) // false

jQuery.isPlainObject( object ) 检测是否为pain object

jQuery.isPlainObject({});	//true
	jQuery.isPlainObject('{}');	//false

.nextUntil([ selector ]) 查找当前元素之后到selector(参数)之间的同辈元素

<div id="a1">3232323</div>
<div id="a"><strong>这个会被选中</strong></div>
<div id="b">这个选不中</div>
<div id="c">ccc</div>
<div id="d">ccc</div>
<script type="text/javascript">
$('#a').nextUntil('#d');	//取得[#b,#c]
</script>