jQuery 笔记 —— $.each、$().each方法 与 选择器过滤写法
来源:互联网 发布:淘宝双十一数据直播间 编辑:程序博客网 时间:2024/05/29 13:29
一、$.each 与$().each
简单区别:
$.each 参数可对任意对象进行操作,$().each 可见是对选择器所选的元素进行操作。
原理:
是通过call 与apply 方法实现的。
$.each 用法一:
var obj = {id:"id",name:"name"};$.each(obj,function(){ //此处this 指代当前遍历到的obj 的胞元素,即属性键值对 alert(this.id);//提示"id"});var obj2 = [{id:"id1"},{id:"id2"}];$.each(obj2,function(){ //此处this 指代当前遍历到的obj 的胞元素,即数组 alert(this.id);//提示"id1","id2"});var eles = $("div");$.each(eles,function(){ //此处this,指当前遍历到的eles 集合中div元素})$.each 用法二:
$.each(obj,function(i,data){ //i为当前遍历到的胞元素的索引,data为遍历到的胞元素});
$().each() 相当于是在$.each() 的基础上把操作对象限制为元素了。
$().each() 用法一:
$("div").each(function(){ //this 指当前遍历到的div 元素});
$().each() 用法二:
$("div").each(function(i){ //this 同上。i为当前索引});
即两个方法都有两种基本用法,即回调函数有无参数。
如何退出each 的方法循环?
只需在内部返回true 即可退出本次,循环,相当于普通for 循环的continue 。
二、jQuery 选择器过滤
遍历元素中的过滤器有:first、last、eq、filter、not。
使用方式一:
var ele = $(".colorRed").first();var ele = $(".colorRed").last();var ele = $(".colorRed").eq(0);var ele = $(".colorRed").filter("p");var ele = $(".colorRed").not("p");
简单说明:
first():只取找到的元素中的第一个(不管前面该元素前面有没有相同标签的元素)。
last():与first 方法,取最后一个。
eq(index):取指定索引对应的元素。
filter():只取符合条件的元素。
not():与filter 相反,取不符合该天剑的元素。
使用方式二:
var ele = $(".colorRed:first()");var ele = $(".colorRed:last()");var ele = $(".colorRed:eq(0)");var ele = $(".colorRed:filter('.fontBold')");//filter此种方式无效var ele = $(".colorRed:not('fontBold')");
只是写法不同,可以与选择器写在一起。注意filter 此方式无效,其它都可以。
阅读全文
0 0
- jQuery 笔记 —— $.each、$().each方法 与 选择器过滤写法
- jQuery.each()与each()
- “jquery中each方法和选择器”的学习笔记
- jquery each终极写法
- Jquery find 与 each 方法
- jquery遍历—$().each和$.each()
- jQuery $.each用法 与$().each
- jQuery 中的 each() 与 $.each()
- Jquery 遍历数组之$().each方法与$.each()方法介绍
- Jquery 遍历数组之$().each方法与$.each()方法介绍
- 浅谈jquery中的each方法$.each、this.each、$.fn.each
- Jquery表单选择器和each
- JQuery笔记7: JQuery—元素的 each
- jquery each方法
- jquery each方法
- jQuery each方法
- Jquery中的each方法
- jquery的each方法
- Comparable使用在选择排序
- 30天挑战计划
- Android——线程中的通信(一)练习
- 关于className的使用,做一个节日卡切换新人初试。
- linux shell命令中的一些快捷键
- jQuery 笔记 —— $.each、$().each方法 与 选择器过滤写法
- usb blaster驱动怎么装不上
- PHP 文件操作
- tomcat部署多个相同项目
- GetImageEncodersSize 访问冲突
- codeforces contest 855 problem C(树形DP)
- Chrome插件开发学习心得(五)之注入脚本
- OS-银行家算法
- Rhyme/关于Java子类不能缩小父类方法可见性的问题