`
conkeyn
  • 浏览: 1532522 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

query加载页面中的部分内容(部分加载)

 
阅读更多

转载自:http://www.cnblogs.com/scottckt/archive/2011/11/30/2269315.html

可以使用Jquery.load方法加载其它页面的部分内容到当前页面中。

  格式为:

  $("#要加地方的ID").load("页面URL #部分内容ID");

  筛选的方法不止使用“#”一种,可以指定选择符,来筛选载入的 HTML 文档。语法形如 "url #some > selector"。详细请查看Jquery文档。
例:
  项目中一个名为“HTMLPageContent.htm”内容页面。内容为:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="div1">
        aaaaaaaaaaaaaaaa</div>
    <div id="content">
        1111111111111111
        <br />
        2222222222222222222
        <br />
        3333333333333333
    </div>
</body>
</html>

 项目中另外一个页面“PartLoad.htm”将使用load方法加载“HTMLPageContent.htm”中id为"content"的内容。代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#links").load("HTMLPageContent.htm #content");
        });
    </script>
</head>
<body>
    test
    <hr />
    <div id="links">
    </div>
</body>
</html>

 最终结果如下:

 

test
1111111111111111
2222222222222222222
3333333333333333

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    页面下拉加载内容

    query实现页面下拉加载内容,异步加载。

    Query插件pjax,修改pjax再次请求的时候部分js没有加载,它通过ajax和pushState技术提供了极速的(无刷新ajax加载)

    - **数据初始化:** 对于依赖页面加载时初始化的数据,可以在Pjax更新内容后,调用相应的初始化函数。 ### 4. `jquery.pjax.js` 和 `oldpjax.js` `jquery.pjax.js` 是jQuery Pjax 插件的主要实现文件,包含了Pjax...

    query效果静态页面

    在这些静态页面中,开发者可能利用jQuery实现了如表单验证、元素动画、动态加载内容、事件处理等多种功能。 描述中提到的"jquery验证",是指使用jQuery进行表单验证。在网页表单中,为了确保用户输入的数据符合特定...

    html5手机端触屏滑动下拉数据加载更多

    4. **加载状态显示**:在数据加载过程中,通常会显示一个加载指示器(如旋转菊花或“加载中”文字),告知用户数据正在加载。加载完成后,隐藏加载指示器,并将新数据插入到页面的适当位置。 5. **分页处理**:...

    ArcGIS客户端API中加载大量数据的几种解决办法

    这降低了初始页面加载的时间,并且随着用户的交互,数据逐渐呈现,保证了用户体验。 4. **几何服务(Geometry Service)**: 利用ArcGIS Server的几何服务,可以对大型数据集进行裁剪、缓冲区分析等操作,以减少传递到...

    android滑动SQLite分页加载

    分页加载通常基于“懒加载”原则,即当用户滚动到页面底部时,才加载下一页数据。这需要我们监听RecyclerView或ListView的滚动事件。我们可以使用LinearLayoutManager或GridLayoutManager的addOnScrollListener方法...

    jquery easyui tree 树形列表节点异步加载

    这样可以减少初始页面加载时间,优化性能,特别是当树形结构包含大量节点时。 ### 3. 实现异步加载 在jQuery EasyUI中,可以通过以下方式实现Tree节点的异步加载: - **配置属性**:在初始化Tree时,设置`async`...

    Query.js文件

    `jquery.min.js`是jQuery的压缩和优化版本,用于生产环境,以减少文件大小并提高页面加载速度。如果Query.js依赖于jQuery,那么在实际使用时,应先引入jQuery,再引入Query.js。 总的来说,Query.js是一个轻量级的...

    android+Viewpager+fragment+AQuery的演示程序

    在`ViewPager`中,只会有当前显示页面以及相邻的一页被加载到内存中,这有助于优化性能和减少内存消耗。 接下来是`Fragment`,它是Android应用中可重用的UI组件,可以在多个活动中使用。`Fragment`使得布局设计更加...

    Jquery延时加载

    **jQuery延迟加载(Jquery延时加载)**是一种优化网页性能的技术,主要应用于图片加载,尤其是在内容丰富的网页中。这种技术允许网页只加载用户当前视口内的内容,当用户滚动页面,即将进入视口的图片才会开始加载。...

    【北大青鸟内部教程】jsp中关于Hibernate延时加载的问题

    5. **HQL与Criteria查询中的延时加载**:在使用HQL(Hibernate Query Language)或Criteria API查询时,需要特别注意是否需要加载关联实体。如果不显式包含关联字段,Hibernate将默认使用延时加载。 6. **JSON序列...

    SQL分页加载数据demo

    在网页或应用中,用户可以逐页浏览数据,而不是一次性加载所有内容,这样可以减少服务器负载,提高页面加载速度。 2. **LIMIT与OFFSET**:在MySQL等数据库系统中,通常使用`LIMIT`和`OFFSET`子句来实现分页。`LIMIT...

    利Android AQuery中ajax访问SSH搭建的后台Java Web服务器

    它允许Web应用程序在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提高了用户体验。在Android中,我们通常使用JSON(JavaScript Object Notation)作为数据交换格式,而不是XML,因为JSON更轻量、...

    phpquery完整包

    **PHPQuery 完整包详解** PHPQuery 是一个在 PHP 中仿照 jQuery...通过学习和熟练掌握 PHPQuery,开发者可以更高效地处理 HTML 文档,提高 PHP 项目的开发效率,尤其是在涉及大量网页数据处理和动态页面生成的场景中。

    phpQuery插件包

    7. **Ajax功能**:尽管不如jQuery全面,phpQuery仍提供了基本的Ajax支持,如`load()`方法可以异步加载远程HTML内容。 在压缩包中,文件`phpQuery.php`是整个库的核心,包含了所有功能的实现。为了使用phpQuery,你...

    jquery.query.js

    3. 动态构建DOM:$.query.build()方法允许开发者使用字符串或数组动态生成HTML结构,这对于动态创建和更新页面内容非常实用。 4. 遍历与迭代:$.each()方法提供了遍历对象或数组的能力,可以方便地进行循环操作。 ...

    html页面动态获取连接参数 jquery.params.js

    `)之后,用于传递数据到服务器或在页面加载后在客户端处理。每个参数由键值对组成,如`key=value`,参数之间用&符号分隔。 在描述中提到的`jquery.params.js`文件,它包含了一个名为`$.query`的jQuery扩展,专门...

    jquery滚动滚动条加载数据 类似瀑布流

    当用户滚动页面时,内容会随着滚动条的下移逐渐加载,这种技术也被称为无限滚动或懒加载,它可以提升用户体验,减少页面初次加载时的数据量。 **jQuery的滚动事件与无限滚动** jQuery提供了`$(window).scroll()`...

    jquery_query_js获取url参数

    如果这个CSS文件是与jQuery Query Object插件的样式有关,可能需要在页面中引入该文件以确保插件的样式正常显示。不过,具体用途需要根据实际项目需求和文件内容来判断。 总结来说,jQuery Query Object提供了一套...

    无刷新动态加载数据 滚动条加载适合评论等页面

    根据给定文件信息,可以提取出以下知识点: 1. 无刷新动态加载数据概念:在Web开发中,无刷新动态加载数据是指在用户不进行页面刷新操作的情况下,通过异步...整个过程中,用户无需重新加载页面,即可持续浏览内容。

Global site tag (gtag.js) - Google Analytics