juqery学习之四筛选过滤_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了juqery学习之四筛选过滤_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5862字,纯文字阅读大概需要9分钟。
内容图文
![juqery学习之四筛选过滤_jquery](/upload/InfoBanner/zyjiaocheng/314/452794b7c4c34cfc9a10a07591825d7b.jpg)
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
]内容总结
以上是互联网集市为您收集整理的juqery学习之四筛选过滤_jquery全部内容,希望文章能够帮你解决juqery学习之四筛选过滤_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。