当前位置:首页 > 日记 > 正文

使用jQuery管理选择结果

使用jQuery管理选择结果
jQuery选择的元素非常类似于数组。它们可以由jQuery提供的一系列方法处理,包括长度、查找元素和截取段落。

1。获取元素的个数。

在jQuery中,选择器中的元素数量可以通过大小()方法获得,这与数组中的长度属性类似,并返回整数值,例如:

$(img)的大小()。

获取页面中所有图片的数目。

下面是通过不断点击添加div块并计算页面中块的示例。

复制代码代码如下所示:
{ div

边境:1px solid # 003a75;

背景颜色:# ffff00;

保证金:5px;

填料:20px;

文本对齐:中心;

身高:20px;

宽度:20px;

浮点数:左;

}

}
onclick =函数(){

var = $(),(size)+ 1;获取div的数量(这不是div块)

(document.body美元(美元。追加)(+我+ )); / /添加一个div块

$(#号),Html(我);

}
页面中有0个div块。单击鼠标添加

2。提取元素

在jQuery选择器中,如果要提取一个元素,最直接的方法是使用方括号加上一个序列号,例如;

$(img {标题}){ 1 }

有二元素在所有img标签,设置标题property.jquery还提供获得(指数)提取元素的方法,和下面的代码是完全等同于以上

$(img {标题})得到(1)

get方法可以在不设置任何参数的情况下将元素转换为元素对象数组,如下所示:

复制代码代码如下所示:
{ div

边境:1px solid # 003a75;

背景颜色:# ffff00;

保证金:5px;

填料:20px;

文本对齐:中心;

身高:20px;

宽度:20px;

浮点数:左;

}

}
功能displayleb(NDIV){

对于(var i = 0;i < ndiv.length;i++)

$(文档。体)。追加($(+ NDIV {我} .innerHTML + ));

}

$(函数(){())

Var aDiv = $(div) (.Get); / / into an array of div objects

displayleb(adiv.reverse());

});











上面的代码将6块的网页成为阵列()方法,然后利用得到的数组逆序反向(),并将其发送到displayleb()函数,然后将页面一个接一个。

得到(指数)方法可以获得指定位置的元素,反过来,指数(元)方法可以找到位置的元素的元素located.for例子

var iNum = $(礼)。指数($(李{艾萨克}标题=){ 0 })

以上是整个标签列表标记的位置,而且位置返回整数微粒。作为索引(元素)方法的典型例子。

示例:元素的序列号是通过index()方法获得的。

复制代码代码如下所示:
{ div

边境:1px solid # 003a75;

背景颜色:# ffff00;

保证金:5px;

填料:20px;

文本对齐:中心;

身高:20px;

宽度:20px;

浮点数:左;

}

}
$(函数(){())

单击()添加单击功能

$()。Click(函数(){)

将自己通过关键字介绍获得自己的序列号。

var索引= $()。索引(+)+ 1;

$(#显示),Html(index.tostring());

})

});












单击第一个div。
上面的代码块本身被传递到带有这个关键字的index()方法中,得到它自己的序列号,并使用单击()添加事件来显示序列号。

三.添加、删除、过滤元素

除了获取选择元素之外,jQuery还提供了一系列修改元素集的方法,如向添加()方法添加元素。

$(img { ALT })。添加(img {标题} )

以上代码将设置图像的alt元素,并将标题属性图像组合在一起,以及其他统一调度的方法。

$(img { } { } IMG ALT,标题)

例如,可以添加一组元素来添加CSS属性。

$(img { ALT })。添加(img {标题})。AddClass(altcss )

与Add()方法相反,非()方法可以删除元素集中的元素集。

$({ })。不(标题=艾萨克})

上面的代码表示设置标题属性的所有标记都被选中,但它不包含title值中的艾萨克。

例:

复制代码代码如下所示:
{ div

边境:1px solid # 003a75;

背景颜色:# ffff00;

保证金:5px;

填料:20px;

文本对齐:中心;

身高:20px;

宽度:20px;

浮点数:左;

}

{。altcss

边境:2px固体# 000000;

}

}
$(函数(){())

$(div),(。格林,#蓝),AddClass(altcss );

});


以上jQuery移除绿和蓝的通过不是块(),添加一个altcss风格到剩余的div块。

非()方法接收的参数不包含任何特定元素,但只能通过一般表达式错误,如以下代码

$(李{标题} ),(img {艾萨克}标题* = )

正确的写作方式是:

$({ } })。(艾萨克

除了添加()和非(),jQuery还提供了一个更强大的过滤器()方法来过滤元素。过滤器()可以接受两种类型的参数,一种是与非()方法相同的参数,并且接受一个通用表达式:

$()。筛选器(标题=艾萨克})

上面的代码表明,title值包含艾萨克字符串的李元素的组合被筛选出来。



$(标题* =艾萨克})

选定的组合是相同的。

复制代码代码如下所示:
$(函数(){())

$(div)。AddClass(CSS1)。滤波器({等级* =中间})。AddClass(CSS2 );

});

在上面的代码中,4类属性中,Jq首先将所有CSS1块所有div块,然后添加CSS2模式DIV含有中间通过过滤器()方法。

(filter)在参数中不能直接等于匹配(=),只能在前、后(或)、(=)或任何匹配(=)中使用。

另一种类型的过滤器()是一个函数,它保留为返回真实元素,否则集合被排除。函数参数非常强大,允许用户自定义过滤功能。

例如:

复制代码代码如下所示:
$(函数(){())

$(div)。AddClass(CSS1)。滤波器(函数(指数){)

收益指数= 1美元| |(这)。Attr(ID)= =第四;

})。AddClass(CSS2 );

});

上述要求执行:

添加所有div CSS1,然后使用函数返回由滤波器()选择第一个(指数1)在div列表,ID为第四的div元素,和CSS2。添加。

4。查询过滤新元素组

JQ也提供了一些很有用的方法相结合,通过查询获取新的元素的组合。例如,find()方法,通过匹配选择器筛选要素

$(p)。查找()

表示带有查找标记的标记的组合。

完全平等

复制代码代码如下所示:

$()

$(函数(){())

$(p),(跨)。AddClass(CSS1 );

});

你好,你好吗
表示添加CSS1的你好的风格。

此外,还可以使用()方法来检测是否包含指定的元素,例如,通过以下代码检测页面中的图片是否包含在该块中。

无功himg = $(div),(IMG);

想象一下,是()还可以与过滤器()结合使用,是不是很愉快

以上是本文的全部内容,虽然有点长,但还是建议大家仔细阅读一下,希望大家能喜欢它。

相关文章

PHP批量删除cookie的一种简单实现

PHP批量删除cookie的一种简单实现

简单实现,方法,批量删除,电脑软件,PHP,本文介绍了php批量删除cookie的简单实现,供大家参考,具体实现方法如下: 复制代码代码如下: Cookie:删除单个密钥集为空,时间设置时间已过期。 setcookie(名 删除多个cookie,遍历数组 foreach(_cookie美元…

PHP堆排序原理及应用方法

PHP堆排序原理及应用方法

方法,堆排序,原理,电脑软件,PHP,本文介绍了PHP堆排序的原理和应用,供大家参考,具体分析如下: 下面是用PHP作为描述语言的堆排序原则的更详细的解释。由于程序的可读性,没有进行优化,PHP程序中关于堆的一些概念如下: 假设n是当前数组的关键,母的N…

PS图象处理软件将一个奇妙的说明孩

PS图象处理软件将一个奇妙的说明孩

图象,蜘蛛,处理软件,奇妙,孩子,本教程介绍给朋友,谁使用PS图象处理软件为孩子坐在宠物蜘蛛,画一个美妙的图解法。教程中的插图非常令人惊异,对人很好,给人一种回归孩子的感觉。建议你最喜欢的朋友一起学习。 本教程介绍给朋友,谁使用PS图象处理…

本文介绍了四种PS消光方法。

本文介绍了四种PS消光方法。

方法,四种,本文,电脑软件,PS,以下小四种方法介绍PS抠图,教程比较基础,适合初学者学习,推荐给朋友,希望对你有帮助。 在设计中必然要把一幅图画和另一幅画的一部分画在一起。所以,用PS这个功能不可避免的抠图,下面小到四种方法介绍PS抠图,教程比较…

PHP包含类文件超时问题处理

PHP包含类文件超时问题处理

超时,类文件,电脑软件,PHP,最近,PHP发现当运行自动加载类函数时,PHP总是超时。它跟踪了包含的慢查询日志,发现程序在类文件中超时。 初始定位是IO响应超时,硬盘读有问题。 通过几个命令定位: iostat -d x k / / 110运行10次查看等待iostat参…

jQuery的增加、删除、修改和选中操

jQuery的增加、删除、修改和选中操

操作,删除,修改,选择,电脑软件,有四种操作:增加、删除、更改和检查。 {增加}: 复制代码代码如下所示: $(# select_id)。追加(文本); / /选择添加一个选项(下拉) $(# select_id)。Prepend(选择); / /插入选项选择(第一位置) {删除}: 复制代码代码如下所示: …

PS快速制作多彩马赛克背景

PS快速制作多彩马赛克背景

多彩,背景,快速,电脑软件,PS,本教程是介绍给朋友的,利用ps快速创建精美多彩的马赛克背景方法。马赛克的背景真的很好,我建议你喜欢你的朋友一起学习。 本教程主要是向大家介绍利用ps快速制作精美、多彩的马赛克背景方法。教程很好,而且马赛克…

在DreamweaverCS3轻快的自定义验证

在DreamweaverCS3轻快的自定义验证

验证,自定义,轻快,代码,电脑软件,在过去的两天里,使用了Dreamweaver CS3 Spry组件。发现它可以自动验证的输入。它更方便,它有一些内置的验证,如数字验证字符串验证,邮政编码验证,数据验证,等等。 然而,缺点是它的一些内置的验证是不是很实用,在中…

画家手绘帅哥漫画

画家手绘帅哥漫画

手绘,画家,帅哥,漫画,电脑软件,本教程是给你介绍画家手绘的帅哥漫画,而且效果非常漂亮。作者仍然是狼兽,感谢他的原创分享。推荐给大家,希望各位朋友喜欢这个教程。 本教程是给你介绍画家手绘的帅哥漫画,而且效果非常漂亮。作者仍然是一只狼兽,…

基于复选框的复选框不选中反选举功

基于复选框的复选框不选中反选举功

复选框,功能,电脑软件,此代码是选中了大量的jQuery复选框函数代码,该代码在我的项目中使用,这里分享。 jQuery代码: 复制代码代码如下所示: $(函数(){()) $(# checkedall)。Click(function(){) $({姓名} =项目:复选框)。Attr('checked ',真的); }); $(# chec…

浅谈javascript数学和数字对象

浅谈javascript数学和数字对象

数字对象,浅谈,数学,电脑软件,javascript,1。数学的对象 1.1引言 数学对象是提供数学对象、数学计算的数据,如获得绝对值、取整等。没有构造函数,不能初始化,只提供静态属性和方法。 1.2构造函数 不:数学对象没有构造函数,不能初始化,只提供静…

超强纹理的人工智能设计

超强纹理的人工智能设计

人工智能,纹理,电脑软件,本教程是向朋友介绍如何使用AI设计超强纹理的3D字符处理。教程的效果很好,建议大家过来看看,希望能对大家有所帮助。 本教程是为朋友如何使用AI设计的超级强大的三维特征,实际上已经在尝试使用AI做这些在他们自己的商…