您的位置：首页 > Web前端 > JQuery

学习jQuery第一天"Hello!How are you!"

2008-04-30 14:42 411 查看

开始之前

下载

引用:这个应该都知道.

<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匹配一个元素，并且给元素的内容付值。

Matches a single element
with the given id attribute.

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航