学习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])
$()
下面二个列子
1、找到所有 p 元素内容,并且这些元素都必须是 div 元素的子元素。

<div><p>hello!</p></div>

 var rs=$("div>p").text();

结果是:rs="hello!";

2、根据给定的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>

原文地址:https://www.cnblogs.com/skyblue/p/1177708.html