Question

jQuery如何显示.html文件？

<a href="#">显示表单</a>

<div id="tabInfo">

</div>

<script type="text/javascript">
/*加载显示欢迎*/

$(document).ready(function(){
$("#tabInfo").load("welcome.html")
});
</script>
大概是这个样子，
怎么用jQuery来把ID=“tavInfo”里面显示的欢迎页面welcome.html换成表单页面？
求大神指教！
尝试写：
<a id="input" href="#">显示表单</a>

$("#input").click(function(){
$("#tabInfo").load("tab1.html")
});
可以实现功能但是触发按钮<a>标签的CSS样式会改变！

Answer 1

给你一个思路！

load(url,[data],[callback])
载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。

--------------------------------------------------------------------------------
返回值
jQuery

参数
url (String) : 待装入 HTML 网页网址。

data (Map) : (可选) 发送至服务器的 key/value 数据。

callback (Callback) : (可选) 载入成功时回调函数。

示例
加载文章侧边栏导航部分至一个无序列表。

HTML 代码:

<b>jQuery Links:</b>
<ul id="links"></ul>
jQuery 代码:

$("#links").load("/Main_Page #p-Getting-Started li");
--------------------------------------------------------------------------------

加载 feeds.html 文件内容。

jQuery 代码:

$("#feeds").load("feeds.html");
--------------------------------------------------------------------------------

同上，但是以 POST 形式发送附加参数并在成功时显示信息。

jQuery 代码:

$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});