eq:返回是一个 jquery对象 作用是 将匹配的元素集合缩减为一个元素。这个元素在匹配元素集合中的位置变为0,而集合长度变成1
get:是一个html 对象数组作用是取得其中一个匹配的元素。 num表示取得第几个匹配的元素。
如:html代码
<ul>
<li>li-1</li>
<li>li-2</li>
</ul>
比如我们通过jquery选择器 $("li")那么我们将会有两个li元素我如何只想选择其中一个呢?
$("li:eq(0)").html() 或者 $("li").eq(0).html() 就是第一个li 这里我们将获得 li-1
$("li:eq(1)").html() 或者 $("li").eq(1).html() 就是第二个li 这里我们将获得 li-2
下面我们看看 get因为get返回是html对象所以我们这里
$("li").get(0).style.color='red'
只有这样用或者将 get返回对象转换成jquery对象在操作
$($("li").get(0)).css("color",'red')即可
完整代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="JavaScript" src="js/jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
alert($("li:eq(1)").html());//显示 li-2 alert($("li:eq(0)").html())
$("li").get(0).style.color='red';
$($("li").get(1)).css("color",'red')
})
//-->
</SCRIPT>
</HEAD>
<BODY>
<ul>
<li>li-1</li>
<li>li-2</li>
</ul>
</BODY>
</HTML>
分享到:
相关推荐
在jQuery库中,`eq()`和`get()`都是用于从匹配的元素集合中选取特定元素的方法,但它们之间存在着显著的差异。理解这些差异对于高效地编写jQuery代码至关重要。 `eq()`方法是用来筛选匹配的元素集合,根据提供的...
在实际开发中,`eq`、`get`和`find`经常与其他jQuery方法结合使用,如遍历(`each`)、事件绑定(`on`)、DOM操作(`append`, `prepend`)等,以实现更复杂的交互和动态效果。 在`Lcf.js`文件中,这些函数可能被自定义...
在提供的压缩包文件中,我们有三个CHM格式的文件:`jQueryAPI-CHM-080801.CHM`、`jQueryAPI1.3.CHM`和`JQuery API.CHM`。这些文件通常包含了jQuery的离线版文档,可以在没有网络的情况下查阅。CHM(Compiled ...
- jQuery插件:jQuery生态系统中有大量的第三方插件,如jQuery UI,提供更丰富的用户界面组件和交互效果。 - $.ajaxSetup():全局设置Ajax请求的默认参数。 7. **版本信息** - jQuery 1.11.0:这是jQuery的一个...
4. **筛选**:jQuery提供了多种筛选方法,如`first()`, `last()`, `eq()`, `slice()`, `filter()`, 和 `not()`,用于从已选元素集合中进一步精确定位所需元素。 5. **文档处理**:这部分涵盖了如何在文档加载的不同...
6. **jQuery对象与DOM对象**:jQuery对象与DOM对象有所不同,jQuery对象可以通过`get(index)`或`eq(index)`方法获取对应的DOM元素,而`$(DOMElement)`可以将DOM对象转化为jQuery对象。 7. **插件开发**:jQuery的...
《jQuery中文手册》是Web开发领域中非常重要的参考资料,它详细介绍了jQuery库的使用方法和功能,帮助开发者高效地进行网页交互和动态效果的实现。jQuery是一个轻量级的JavaScript库,以其简洁的API和强大的功能深受...
`$(el)`将DOM元素转换为jQuery对象,`get(index)`或`eq(index)`可以获取jQuery对象中的DOM元素。 八、插件扩展 jQuery拥有庞大的插件生态系统,如用于表单验证的jQuery Validation Plugin,图片轮播的bxSlider,...
例如,`$("div").eq(2)`和`$("div").get(2)`分别用于获取索引为2的`<div>`元素,但前者仍为jQuery对象,后者为DOM对象。 jQuery中的许多方法同时具备设置(set)和获取(get)功能。比如,`.html()`可以读取或设置元素...
`$(element)`将DOM元素转换为jQuery对象,`get(index)`或`.eq(index)`则可以从jQuery对象中获取DOM元素。 9. **兼容性**:jQuery 1.5.2版本考虑了广泛的浏览器兼容性,包括IE6/7/8,Firefox,Chrome,Safari和Opera...
- **选择器**:jQuery支持CSS1-CSS3的选择器,如ID选择器(#id),类选择器(.class),元素选择器(element)等,以及特有的jQuery扩展选择器,如`:eq(index)`,`:gt(index)`等。 - **DOM操作**:jQuery提供了一系列方法...
同时,手册中的实例代码可以帮助你更好地理解和运用jQuery。 总之,《jQuery中文CHM手册》是开发者学习和查阅jQuery知识的重要工具,无论你是初学者还是经验丰富的开发者,都能从中受益。掌握jQuery不仅可以提高...
**jQuery API 中文手册** jQuery 是一款广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及...在实际开发中,结合实践与手册,可以更好地理解和掌握jQuery的精髓。
在这个版本中,jQuery引入了许多改进和优化,旨在提高性能和兼容性。 **一、jQuery核心功能** 1. **选择器**:jQuery支持CSS1到CSS3的选择器,如`$("#id")`(选取ID为id的元素)、`$(".class")`(选取所有class为...
4. **更多的选择器**:jQuery1.3扩展了选择器,包括`:even`、`:odd`、`:eq()`、`:gt()`、`:lt()`等,增强了选取元素的灵活性。 5. **更完善的错误处理**:jQuery1.3加强了错误处理机制,当出现错误时能提供更详细的...
- jQuery对象与DOM元素之间的转换,如`get()`, `eq()`, `toArray()`等方法。 - 链式调用:jQuery对象返回自身,使得多个操作可以连续进行,如`$('div').css('color', 'red').fadeIn(500)`。 3. **Ajax交互** - `...
DOM元素可以通过`.get(index)`或`.eq(index)`方法获取,例如:`$("#myDiv").get(0)`或`$("#myDiv").eq(0)`。 4. **DOM操作** jQuery提供了一系列方法来操作DOM元素,包括: - `.append()`:在元素内部末尾添加内容...
8. **遍历和筛选**:`$(selector).each()`用于遍历集合中的每个元素,`.first()`, `.last()`, `.eq(index)`, `.not(selector)`等方法则用于筛选特定元素。 9. **实用工具方法**:jQuery还提供了很多实用工具方法,...
例如,`$(“div”).eq(2)`和`$(“div”).get(2)`分别对应集合中的第三个`<div>`元素,前者可继续调用jQuery方法,后者则适用于DOM方法。 4. **同名函数实现set和get**:许多jQuery方法如`html()`, `text()`, `...