通过本文主要向大家介绍了jquery1.4,新增方法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
.clearQueue():移除队列中还没有运行的所有函数
clearQueue()的作用与stop(true)很类似,简化了stop(true),在1.4后stop()主要用于终止动画,而终止队列函数使用clearQueue(),clearQueue()接受一个参数:队列名称,即移除特定队列。
来看demo:
clearQueue()
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
delay()
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
detach()
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
has()
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
<ul>
<li>测试1</li>
<li>测试2
<ul>
<li>测试2.1</li>
<li>测试2.1</li>
</ul>
</li>
<li>测试3</li>
<li>测试4</li>
</ul>
$('li').has('ul').css('background-color', 'red');
示例中只有嵌套ul的li才加上红色背景。
jQuery.isEmptyObject() :测试一个对象是否为空
比如:
jQuery.isEmptyObject({}) // true
jQuery.isEmptyObject({ foo: "bar" }) // false
jQuery.isPlainObject() :测试变量类型是否为Object
比如:
jQuery.isPlainObject({}) // true
jQuery.isPlainObject("test") // false
.nextUntil([selector]):选取jquery对象接下来的同级所有与选择器匹配的对象。
这个方法很有用。jquery的查找方法next()很常用,但next()只选取接下来的一个对象,无法选取多个。而如果使用siblings()又不方便,1.4新加的nextUntil()就是用于解决这个问题。同时这个方法有个神奇的地方,即找到跟jquery对象选择器一样时候会会终止选取。有些拗口,看下面示例
来看示例:
nextUntil()
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
<dl>
<dt>dt1</dt>
<dd>dd1</dd>
<dd>dd2</dd>
<dd>dd3</dd>
<dd>dd4</dd>
<dt id="term-2">dt2</dt>
<dd>dd1</dd>
<dd>dd2</dd>
<dd>dd3</dd>
<dt>dt3</dt>
<dd>dd1</dd>
<dd>dd2</dd>
</dl>
$('#term-2').nextUntil('dt').css('background-color', 'red');
可以看到,只选中了$(‘#term-2′)以下的dd,但是遇到下个 <dt>dt3</dt>时就终止选取了!
既然有nextUntil当然就有prevUntil,作用相反,这里就不再做演示。
jQuery.noop() :返回一个空函数
这个方法对制作插件有些用处。
.parentsUntil( [ selector ] )
这个方法,我不知道如何才能表述的易于理解。还是看官方英文说明:http://api.jquery.com/parentsUntil/
clearQueue()的作用与stop(true)很类似,简化了stop(true),在1.4后stop()主要用于终止动画,而终止队列函数使用clearQueue(),clearQueue()接受一个参数:队列名称,即移除特定队列。
来看demo:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
这是一个用于测试的段落
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
- 测试1
- 测试2
- 测试2.1
- 测试2.1
- 测试3
- 测试4
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
<ul>
<li>测试1</li>
<li>测试2
<ul>
<li>测试2.1</li>
<li>测试2.1</li>
</ul>
</li>
<li>测试3</li>
<li>测试4</li>
</ul>
$('li').has('ul').css('background-color', 'red');
示例中只有嵌套ul的li才加上红色背景。
jQuery.isEmptyObject() :测试一个对象是否为空
比如:
jQuery.isEmptyObject({}) // true
jQuery.isEmptyObject({ foo: "bar" }) // false
jQuery.isPlainObject() :测试变量类型是否为Object
比如:
jQuery.isPlainObject({}) // true
jQuery.isPlainObject("test") // false
.nextUntil([selector]):选取jquery对象接下来的同级所有与选择器匹配的对象。
这个方法很有用。jquery的查找方法next()很常用,但next()只选取接下来的一个对象,无法选取多个。而如果使用siblings()又不方便,1.4新加的nextUntil()就是用于解决这个问题。同时这个方法有个神奇的地方,即找到跟jquery对象选择器一样时候会会终止选取。有些拗口,看下面示例
来看示例:
- dt1
- dd1
- dd2
- dd3
- dd4
- dt2
- dd1
- dd2
- dd3
- dt3
- dd1
- dd2
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
源代码如下:
<dl>
<dt>dt1</dt>
<dd>dd1</dd>
<dd>dd2</dd>
<dd>dd3</dd>
<dd>dd4</dd>
<dt id="term-2">dt2</dt>
<dd>dd1</dd>
<dd>dd2</dd>
<dd>dd3</dd>
<dt>dt3</dt>
<dd>dd1</dd>
<dd>dd2</dd>
</dl>
$('#term-2').nextUntil('dt').css('background-color', 'red');
可以看到,只选中了$(‘#term-2′)以下的dd,但是遇到下个 <dt>dt3</dt>时就终止选取了!
既然有nextUntil当然就有prevUntil,作用相反,这里就不再做演示。
jQuery.noop() :返回一个空函数
这个方法对制作插件有些用处。
.parentsUntil( [ selector ] )
这个方法,我不知道如何才能表述的易于理解。还是看官方英文说明:http://api.jquery.com/parentsUntil/