jquery让返回的内容显示在特定div里(代码少而精悍)

前面写过ajax让返回的内容显示在特定div里最近在看jquery，所以又用jquery重新写了个，jquery果然是“写得更少,做得更多”

<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8" />
<script>
$(function(){
$("#right").load("test1.php");
$("#left").click(function(){
$("#right").load("test2.php");
return false;//禁止按钮提交
});
}); 

</script>
</head> 

<body>
<div id="left"><a href="#">点击这里</a></div>
<hr />
<div id="right"></div>
</body>
</html>
赞 (0)

相关推荐

  • jquery让返回的内容显示在特定div里(代码少而精悍)

    前面写过ajax让返回的内容显示在特定div里最近在看jquery,所以又用jquery重新写了个,jquery果然是"写得更少,做得更多" <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

  • ajax实现点击不同的链接让返回的内容显示在特定div里

    /* 以下代码通过ajax实现在一个web页面点击不同的链接,然后将返回的结果显示在该页面固定的div里. */ <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script language="javascript"> var http_request = false; function create

  • jQuery基于闭包实现的显示与隐藏div功能示例

    本文实例讲述了jQuery基于闭包实现的显示与隐藏div功能.分享给大家供大家参考,具体如下: <div class="binds"> <div class="phonebind"> <h3>手机绑定</h3> <p>当前手机号码:<span id="oldPhone">$!{user.phone}</span><input type="butto

  • jquery实现点击按钮显示与隐藏效果

    jquery实现点击按钮显示与隐藏效果

    本文实例为大家分享了jquery实现点击按钮显示与隐藏的具体代码,供大家参考,具体内容如下 首先来看实现效果 用jquery来实现这种效果是非常简单的 html <div class="bottom">       <ul>         <li class="active">            <span class="iconfont icon-yemian-copy-copy"><

  • jQuery实现字符串按指定长度加入特定内容的方法

    本文实例讲述了jQuery实现字符串按指定长度加入特定内容的方法.分享给大家供大家参考.具体分析如下: 最近的一个项目中需要将手机号码按一定长度用标识符隔开,便于阅读,网上找了一会发现没有合适的代码于是就自己手写了一个函数,可以按指定长度往字符串中插入分隔符,有需要的朋友可以拿去. var split_str=false; function insert_flg(str,flg,sn){ str=str.replace(new RegExp(flg,"g"),"")

  • jQuery读取XML文件内容的方法

    本文实例讲述了jQuery读取XML文件内容的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!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

  • jquery显示隐藏元素的实现代码

    $("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间:("#firstStep").hide

  • jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】

    本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能.分享给大家供大家参考,具体如下: jquery上传文件用的formdata,上传进度条需要添加xhr的onprogress html代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib

  • jQuery操作元素的内容和样式完整实例分析

    本文实例讲述了jQuery操作元素的内容和样式.分享给大家供大家参考,具体如下: <html> <head> <title>jQuery操作元素的样式和内容</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <scrip

  • jQuery解析返回的xml和json方法详解

    本文实例讲述了jQuery解析返回的xml和json方法.分享给大家供大家参考,具体如下: 一.jQuery 解析ajax请求返回的xml格式的数据 1.发送ajax请求 <script type="text/JavaScript"> function jqxml(){ $.ajax({ url:"http://localhost:18080/servlet/Servlet1", // 请求方式 type:"post", // 服务器

随机推荐