<!--PHP编程实战-->
<!--JSON & Ajax -->
<!--15-10-->
<!--使用jQuery在加载页面后修改p元素-->
<html>
<head>
<title>First jQuery Example</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax(
{
type: "get",
url: window.location.pathname,
dataType: "text",
success: function (data) {
$("p").html("Ajax loaded content");
},
failure: function () {
$("p").html("An error has occured making the request");
}
}
)
})
</script>
</head>
<body>
<p>Original content</p>
</body>
</html>
重点
- 在生产环境中,从CDN加载jQuery更快,更可靠.
- 大多数浏览器对同一域上同时下载的文件数量做了限制.使用外部CDN删除网页加载队列中的某一文件,可以让吞吐量更大,页面加载更快捷.
- $(document)可缩写为$()
- $("p")匹配文档中所有的<p>标签.
可以使用内建的函数链$("p").first()显式地匹配第一处
也可以使用CSS选择器$("p:first") $("p:eq(0)")
网友评论