juqery 学习之四 筛选过滤_jquery
eq(index)
返回值
jQuery
参数
index (Integer) :元素在jQuery对象中的索引
示例
获取匹配的第二个元素
HTML 代码:
This is just a test.
So is this
jQuery 代码:
结果:
So is this
]--------------------------------------------------------------------------------------------------------------
hasClass(class)
返回值
Boolean
参数
class (String) : 用于匹配的类名
示例
给包含有某个类的元素进行一个动画。
HTML 代码:
jQuery 代码:
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});
--------------------------------------------------------------------------------------------------------------
filter(expr)
返回值
jQuery
参数
expr (Expression) : 表达式
示例
保留带有select类的元素
HTML 代码:
Hello
Hello Again
And Again
jQuery 代码:
结果:
And Again
]保留第一个以及带有select类的元素
HTML 代码:
Hello
Hello Again
And Again
jQuery 代码:
结果:
Hello
,And Again
]--------------------------------------------------------------------------------------------------------------
filter(fn)
返回值
jQuery
参数
fn (Function) : 传递进filter的函数
示例
保留子元素中不含有ol的元素。
HTML 代码:
- Hello
How are you?
jQuery 代码:
return $("ol", this).length == 0;
});
结果:
How are you?
]--------------------------------------------------------------------------------------------------------------
is(expr)
返回值
Boolean
参数
expr (String) :用于筛选的表达式
示例
由于input元素的父元素是一个表单元素,所以返回true。
HTML 代码:
jQuery 代码:
结果:
--------------------------------------------------------------------------------------------------------------
map(callback)
返回值
jQuery
参数
callback (Function) : 给每个元素执行的函数
示例
把form中的每个input元素的值建立一个列表。
HTML 代码:
Values:
jQuery 代码:
return $(this).val();
}).get().join(", ") );
结果:
John, password, http://ejohn.org/
]--------------------------------------------------------------------------------------------------------------
not(expr)
返回值
jQuery
参数
expr (String, DOMElement, Array
示例
从p元素中删除带有 select 的ID的元素
HTML 代码:
Hello
Hello Again
jQuery 代码:
结果:
Hello
]slice(start,[end])
返回值
jQuery
参数
start (Integer) :开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。
end (Integer) : (可选) 结束选取自己的位置,如果不指定,则就是本身的结尾。
示例
选择第一个p元素
HTML 代码:
Hello
cruel
World
jQuery 代码:
结果:
Hello
]选择前两个p元素
HTML 代码:
Hello
cruel
World
jQuery 代码:
结果:
Hello
,cruel
]只选取第二个p元素
HTML 代码:
Hello
cruel
World
jQuery 代码:
结果:
cruel
]只选取第二第三个p元素
HTML 代码:
Hello
cruel
World
jQuery 代码:
结果:
cruel
,World
]Selects all paragraphs, then slices the selection to include only the third element.
HTML 代码:
Hello
cruel
World
jQuery 代码:
结果:
World
]