zoukankan      html  css  js  c++  java
  • jquery加载页面中的部分内容

      可以使用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
     
  • 相关阅读:
    python 给文件批量加‘“’ ”,"
    ubuntu 编译android 源码笔记
    ubuntu java 环境配置
    Android4.4r1(KitKat)源码下载地址
    android 学习视频汇总
    Java 注解
    Linux 索引节点(inode)详解
    系统启动
    Win7、Ubuntu双系统正确卸载Ubuntu系统
    深入理解LInux内核-进程通信
  • 原文地址:https://www.cnblogs.com/scottckt/p/2269315.html
Copyright © 2011-2022 走看看