`
八岭书生
  • 浏览: 104476 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

测试jquery

 
阅读更多
<!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 demo”很可能是为了展示如何使用 jQuery EasyUI 创建交互式的Web应用。在本篇文章中,我们将深入探讨jQuery EasyUI的核心概念、主要组件以及如何通过实践来创建一个简单的示例。 首先,...

    JQueryUI组件 JS下载

    包含的测试页面是为了方便开发者预览和测试jQueryUI组件的功能和样式,可以直接在浏览器中打开查看各个组件的使用示例和效果。 在实际开发中,这些文件通常会被引用到HTML页面的头部,通过`&lt;script&gt;`和`&lt;link&gt;`...

    JavaScript – 测试 jQuery

    在测试 jQuery 时,首先需要在 HTML 页面中引入 jQuery 库。这通常是通过在 `&lt;head&gt;` 标签内添加一个 `&lt;script&gt;` 标签来完成的,`src` 属性指向 jQuery 库的 URL。例如: ```html &lt;script src="https://code.jquery...

    [其他类别]JQuery功能测试源码_jquerydemo(ASP.NET源码).rar

    【jQuery功能测试源码_jquerydemo(ASP.NET源码)】是一个针对JavaScript库jQuery的实践项目,主要用于展示和测试jQuery的各种功能。这个压缩包包含了在ASP.NET环境下使用jQuery的实例代码,可以帮助开发者深入理解...

    jquery-validation-1.19.1.zip

    在“Gruntfile.js”中,开发者可以找到关于如何构建、打包和测试jQuery-validation的配置,这对于理解项目的构建流程和优化代码效率至关重要。 “src”目录包含了插件的主要源代码,这是整个项目的核心部分。其中,...

    jquery.js 压缩包

    这是一个HTML文档,很可能是用来演示或测试jQuery功能的。HTML文档中通常会引入jQuery库,然后利用jQuery编写脚本实现各种交互效果。通过查看这个文件,我们可以学习如何在实际项目中应用jQuery,例如,如何绑定事件...

    在Myeclipse中配置JQuery

    - 测试jQuery代码是否按预期工作。如果出现问题,使用MyEclipse的内置调试器进行调试。 6. **优化和管理jQuery库** - 考虑使用`&lt;script&gt;`标签的`async`或`defer`属性来优化页面加载速度。 - 随着项目的扩大,...

    jqueryAPI不需要联网

    5. **实践API**:在index.jsp或者其他HTML文件中,根据API文档编写和测试jQuery代码,进行实际操作。 离线使用jQuery API不仅可以节省网络流量,还可以在断网时保证开发工作的连续性。同时,对于教学和培训场合,...

    JQuery插件

    这可能是包含HTML结构的文件,用于展示和测试JQuery插件的效果。HTML文件通常会包含JQuery库的引用,以及调用插件的代码,如: ```html &lt;!DOCTYPE html&gt; , initial-scale=1.0"&gt; &lt;title&gt;JQuery插件示例 ...

    eclipse中jquery插件配置

    9. 测试 jQuery 提示 打开一个 HTML 文件或一个 js 文件,编辑 JS 内容, Eclipse 将提供 jQuery 的智能提示。 注意事项 * 在安装 jQueryWTP 插件之前,需要备份 org.eclipse.wst.jsdt.core 插件,以免出现问题。...

    jQuery Gantt官方源码

    4. **Demo**:提供的Demo是预览和测试jQuery Gantt功能的重要资源。它通常包含了如何使用插件的示例代码,展示了各种配置选项和用法,这对于快速上手和调试非常有帮助。 5. **配置选项**:jQuery Gantt允许用户通过...

    dreamwever jQuery 插件

    同时,掌握如何在Dreamweaver中调试和测试jQuery代码也是至关重要的。 总的来说,Dreamwever jQuery插件是Web开发者的得力助手,它使复杂的功能实现变得简单,降低了开发门槛,提高了代码质量和开发速度。通过深入...

    JQuery功能测试源码_jquerydemo.zip

    《jQuery功能测试源码解析与实战应用》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,就以其简洁的API和强大的功能深受开发者喜爱。它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互,使得前端...

    jquery-ui js/css通用文件

    - 考虑到现代浏览器的更新和移动设备的支持,应确保测试 jQuery UI 在不同环境下的表现。 - 使用时注意加载顺序,确保 jQuery 在 jQuery UI 之前加载。 - 当遇到样式冲突或性能问题时,可以考虑精简加载的组件或...

    jquery(中文帮助文档+在线实例)

    1. **在线实例**: 通过在线实例,你可以实时查看并测试jQuery代码的效果,加深理解。这些实例通常包括DOM操作、事件处理、动画和Ajax等不同场景。 2. **经典案例**: 经典案例涵盖了实际项目中遇到的各种问题,如...

    jquery培训教材

    提供的HTML文件是与讲解内容相配合的示例,可以帮助你实际操作和测试jQuery代码,加深理解。打开HTML文件,将jQuery代码插入到`&lt;script&gt;`标签内,观察浏览器中的变化。 总结,jQuery通过简洁的API和强大的功能,为...

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...

    jquery-validation

    首先,`index.html`文件是用于测试jQuery Validation功能的一个示例。在测试文件中,通常会包含一些基本的HTML结构,以及引入jQuery库和Validation插件的脚本。开发者可以通过修改这个文件,添加不同的表单元素和...

    jQueryTest

    在"jQueryTest"这个项目中,我们可能看到的是关于如何编写和测试jQuery代码的例子。可能包括以下内容: - **测试框架**:可能使用了诸如QUnit或Jasmine这样的JavaScript测试框架来编写针对jQuery功能的测试用例。 -...

Global site tag (gtag.js) - Google Analytics