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>
相关推荐
-
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来实现这种效果是非常简单的 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", // 服务器
随机推荐
- Delphi远程连接Mysql的实现方法
- javascript轻量级库createjs使用Easel实现拖拽效果
- Android实现GridView中ImageView动态变换的方法
- PHP查询数据库中满足条件的记录条数(两种实现方法)
- mysql记录根据日期字段倒序输出
- MySql 5.6.14 winx64配置方法(免安装版)
- Jquery实现鼠标移动放大图片功能实例
- Jquery实现点击按钮,连续地向textarea中添加值的实例代码
- Android实现拍照、选择相册图片并裁剪功能
- Android新浪微博下拉刷新(最新消息显示在最上面)
- windows第七层负载均衡_基于IIS的ARR负载均衡详解
- PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
- angular4 共享服务在多个组件中数据通信的示例
- Spring Boot中slf4j日志依赖关系示例详解
- 使用Python代码实现Linux中的ls遍历目录命令的实例代码
- vue中使用element ui的弹窗与echarts之间的问题详解
- 将cantk runtime嵌入到现有的APP中的方法
- C++中读写txt文件并分离字符的方法
- Java+Ajax实现的用户名重复检验功能实例详解
- Java四种访问控制修饰符知识点总结