学习jQuery第一天"Hello!How are you!"
开始之前
下载
引用:这个应该都知道.
<script language="javascript" type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
说明:
JQuery简单的来说就是一个JavaScript框架.不过这个“$“符，现在为止始终不让我舒服,没办法市场经济。人人爱￥
JQuery核心函数:
jQuery(expression,[context])
$()
下面二个列子
１、找到所有 p 元素内容，并且这些元素都必须是 div 元素的子元素。
<div><p>hello!</p></div>
var rs=$("div>p").text();
结果是:rs="hello!";
２、根据给定的ID匹配一个元素，并且给元素的内容付值。
<div id="DivResult1"></div>
<input type="button" value="Hello" onclick="getHello()" />
function getHello()
{
$("#DivResult1").text("hello!");
}
代码是不是很少.俺最烦打代码。
全代码:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript" type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script language="javascript" type="text/javascript">
function getHello()
{
var rs=$("div>p").text();;
//alert(rs);
$("#DivResult1").text(rs+" How are you!");
}
</script>
<title>练习一</title>
</head>
<body>
<div><p>hello!</p></div>
<input type="button" value="Hello" onclick="getHello()" />
<br/>
结果:
<div id="DivResult1"></div>
</body>
</html>
下载
引用:这个应该都知道.
<script language="javascript" type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
说明:
JQuery简单的来说就是一个JavaScript框架.不过这个“$“符，现在为止始终不让我舒服,没办法市场经济。人人爱￥
JQuery核心函数:
jQuery(expression,[context])
$()
下面二个列子
１、找到所有 p 元素内容，并且这些元素都必须是 div 元素的子元素。
<div><p>hello!</p></div>
var rs=$("div>p").text();
结果是:rs="hello!";
２、根据给定的ID匹配一个元素，并且给元素的内容付值。
<div id="DivResult1"></div>
<input type="button" value="Hello" onclick="getHello()" />
function getHello()
{
$("#DivResult1").text("hello!");
}
代码是不是很少.俺最烦打代码。
全代码:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript" type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script language="javascript" type="text/javascript">
function getHello()
{
var rs=$("div>p").text();;
//alert(rs);
$("#DivResult1").text(rs+" How are you!");
}
</script>
<title>练习一</title>
</head>
<body>
<div><p>hello!</p></div>
<input type="button" value="Hello" onclick="getHello()" />
<br/>
结果:
<div id="DivResult1"></div>
</body>
</html>
