jQuery中的getScript()方法

最新推荐文章于 2024-05-23 11:23:05 发布

iteye_21104

最新推荐文章于 2024-05-23 11:23:05 发布

阅读量369

点赞数

分类专栏： jquery 文章标签： javascript xhtml java ViewUI

本文链接：https://blog.csdn.net/iteye_21104/article/details/82357632

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

[img]http://dl.iteye.com/upload/picture/pic/114494/386152cb-d470-36ad-9174-a270683eb8d4.png[/img]

<!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">
	<head>
		<title>使用jQuery的getScript方法</title>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<ul style="display: none">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<input id="get" type="button" value="getScript" />
		<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			//为id为get的按钮绑定事件处理函数
			$("#get").click(function() {
				$.getScript("script.jsp");
			});
		</script>
	</body>
</html>

script.jsp

//<%@ page contentType="text/javascript; charset=GBK" language="java" %>
$("ul>li").each(function(index)
{
	if(index % 2 == 0)
	{
		$(this).css("background-color" , "#ADF");
	}
	$(this).append("服务器消息" + index);
});
$("ul").slideDown(1000);