怎样用jquery调用外部html_IT百科

<!DOCTYPE html>

<html>

<head>

<style>

body{ font-size: 12px font-family: Arial }

</style>

<script src="

</head>

<body>

<b>Footer navigation:</b>

$("#new-nav").load("ajax/test.html #container")

</script>

</body>

</html>

可以用jquery里面的load方法，上面的例子是在ajax/目录下找到test.html文件，把里面id为#container的div加载到该页面div为#new-nav的盒子！

$(document).ready(function(){

$("#btn2").click(function(){

$("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc")

})

$("#btn1").click(function(){

$("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>")

})

这里我们必须知道一点，就是 append 和 appendTo 的区别：append 单纯的内容，appendTo 要把内容传给某个元素。

这个函数的用法有很多，比如你可以按需要追加form，在区域内追加图片等等都是可以的。

欢迎分享，转载请注明来源：内存溢出

怎样用jquery调用外部html