<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试jquery</title>
<!--引入js类库文件-->
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//ID匹配的选择器Jquery对象
//alert($("#thed"));
/**转换成DOM对象的方式
1、Jquery对象返回的是一个数组对象可以采用如下方式转换
var domObject = $("#thed")[0];
*/
alert(($("#thed")[0]).innerHTML);
//class匹配选择器Jquery对象
alert($(".rdc"));
/**
2、Jquery对象转换成DOM对象可以采用Jquery中get(index)方法获取
get(index)//取得其中一个匹配的元素。 num表示取得第几个匹配的元素。它返回的是一个DOM对象
*/
var domObject=$(".rdc").get(0);
alert(domObject.innerHTML);
//匹配所有的元素的Jquery对象
alert($("*"));
alert($("*").get(0).innerHTML);
//根据给定的元素名称获取Jquery对象
alert($("tr"));
/**采用第一种方式把$("tr")转换成DOM对象*/
alert(($("tr")[$("tr").size()-1]).innerHTML);
alert(($("tr")[$("tr").length-1]).innerHTML);
//匹配所有选择器的Jquery组合对象
alert($("tr,tr.rdc"));
alert(($("tr,tr.rdc")[$("tr,tr.rdc").length-1]).innerHTML);
})
</script>
</head>
<body>
<div>
<div>
<h1>选择器的使用方式</h1>
</div>
<div>
<table border="1px" cellpadding="0" cellspacing="0">
<thead>
<tr id="thed">
<th>
序号
</th>
<th>
名称
</th>
<th>
邮箱
</th>
</tr>
</thead>
<tbody id="tbdy">
<tr class="rdc">
<td>
1001
</td>
<td>
redarmy_chen
</td>
<td>
redarmy_chen@qq.com
</td>
</tr>
<td>
1002
</td>
<td>
x_j
</td>
<td>
redarmy_chen@qq.com
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
分享到:
相关推荐
这个“测试jquery easyui demo”很可能是为了展示如何使用 jQuery EasyUI 创建交互式的Web应用。在本篇文章中,我们将深入探讨jQuery EasyUI的核心概念、主要组件以及如何通过实践来创建一个简单的示例。 首先,...
包含的测试页面是为了方便开发者预览和测试jQueryUI组件的功能和样式,可以直接在浏览器中打开查看各个组件的使用示例和效果。 在实际开发中,这些文件通常会被引用到HTML页面的头部,通过`<script>`和`<link>`...
在测试 jQuery 时,首先需要在 HTML 页面中引入 jQuery 库。这通常是通过在 `<head>` 标签内添加一个 `<script>` 标签来完成的,`src` 属性指向 jQuery 库的 URL。例如: ```html <script src="https://code.jquery...
【jQuery功能测试源码_jquerydemo(ASP.NET源码)】是一个针对JavaScript库jQuery的实践项目,主要用于展示和测试jQuery的各种功能。这个压缩包包含了在ASP.NET环境下使用jQuery的实例代码,可以帮助开发者深入理解...
在“Gruntfile.js”中,开发者可以找到关于如何构建、打包和测试jQuery-validation的配置,这对于理解项目的构建流程和优化代码效率至关重要。 “src”目录包含了插件的主要源代码,这是整个项目的核心部分。其中,...
这是一个HTML文档,很可能是用来演示或测试jQuery功能的。HTML文档中通常会引入jQuery库,然后利用jQuery编写脚本实现各种交互效果。通过查看这个文件,我们可以学习如何在实际项目中应用jQuery,例如,如何绑定事件...
- 测试jQuery代码是否按预期工作。如果出现问题,使用MyEclipse的内置调试器进行调试。 6. **优化和管理jQuery库** - 考虑使用`<script>`标签的`async`或`defer`属性来优化页面加载速度。 - 随着项目的扩大,...
5. **实践API**:在index.jsp或者其他HTML文件中,根据API文档编写和测试jQuery代码,进行实际操作。 离线使用jQuery API不仅可以节省网络流量,还可以在断网时保证开发工作的连续性。同时,对于教学和培训场合,...
这可能是包含HTML结构的文件,用于展示和测试JQuery插件的效果。HTML文件通常会包含JQuery库的引用,以及调用插件的代码,如: ```html <!DOCTYPE html> , initial-scale=1.0"> <title>JQuery插件示例 ...
9. 测试 jQuery 提示 打开一个 HTML 文件或一个 js 文件,编辑 JS 内容, Eclipse 将提供 jQuery 的智能提示。 注意事项 * 在安装 jQueryWTP 插件之前,需要备份 org.eclipse.wst.jsdt.core 插件,以免出现问题。...
4. **Demo**:提供的Demo是预览和测试jQuery Gantt功能的重要资源。它通常包含了如何使用插件的示例代码,展示了各种配置选项和用法,这对于快速上手和调试非常有帮助。 5. **配置选项**:jQuery Gantt允许用户通过...
同时,掌握如何在Dreamweaver中调试和测试jQuery代码也是至关重要的。 总的来说,Dreamwever jQuery插件是Web开发者的得力助手,它使复杂的功能实现变得简单,降低了开发门槛,提高了代码质量和开发速度。通过深入...
《jQuery功能测试源码解析与实战应用》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,就以其简洁的API和强大的功能深受开发者喜爱。它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互,使得前端...
- 考虑到现代浏览器的更新和移动设备的支持,应确保测试 jQuery UI 在不同环境下的表现。 - 使用时注意加载顺序,确保 jQuery 在 jQuery UI 之前加载。 - 当遇到样式冲突或性能问题时,可以考虑精简加载的组件或...
1. **在线实例**: 通过在线实例,你可以实时查看并测试jQuery代码的效果,加深理解。这些实例通常包括DOM操作、事件处理、动画和Ajax等不同场景。 2. **经典案例**: 经典案例涵盖了实际项目中遇到的各种问题,如...
提供的HTML文件是与讲解内容相配合的示例,可以帮助你实际操作和测试jQuery代码,加深理解。打开HTML文件,将jQuery代码插入到`<script>`标签内,观察浏览器中的变化。 总结,jQuery通过简洁的API和强大的功能,为...
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...
首先,`index.html`文件是用于测试jQuery Validation功能的一个示例。在测试文件中,通常会包含一些基本的HTML结构,以及引入jQuery库和Validation插件的脚本。开发者可以通过修改这个文件,添加不同的表单元素和...
在"jQueryTest"这个项目中,我们可能看到的是关于如何编写和测试jQuery代码的例子。可能包括以下内容: - **测试框架**:可能使用了诸如QUnit或Jasmine这样的JavaScript测试框架来编写针对jQuery功能的测试用例。 -...