jQuery 的第一个例子

最新推荐文章于 2024-07-04 12:16:35 发布

finemoon

最新推荐文章于 2024-07-04 12:16:35 发布

阅读量354

点赞数

分类专栏： [随笔分类][01] .Net X 文章标签： jQuery JavaScript Gmail XHTML CSS ViewUI

[随笔分类][01] .Net X 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

通过这个例子可以对jQuery的使用有个基本的认识，jQuery的事件句柄、选择器、基本语法结构，你可以复制这些代码运行感受一下。

在做第一个例子之前，你需要先到jQuery 1.3 正式版下载 jQuery库，他是一个js的文件非常的小巧只有那么几十KB，然后就是把这个文件Copy到你的项目，用Script附加这个文件就可以了。

Code
Code

<!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 runat="server">
<title></title>

<script src="jquery.js" type="text/javascript"></script>

<style type="text/css">
.red
{
background-color: Red;
}
.green
{
background-color: Green;
}
.blue
{
background-color: Blue;
}
</style>

<script type="text/javascript">

$(document).ready(
function() {
$("div").addClass("blue");
//$("#olID>li").addClass("green");

$("#olID>li").hover(
function() {
$(this).addClass("red")
},
function() {
$(this).removeClass("red")
});

$("#olID>li:last").hover(
function() {
$(this).addClass("green");

},
function() {
$(this).removeClass("green");

})
})

</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<ol id="olID">
<li>Terry.Feng.C</li>
<li>冯瑞涛</li>
<li>dddd.com</li>
</ol>
</div>
</form>
</body>
</html>

finemoon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 的第一个例子

通过这个例子可以对jQuery的使用有个基本的认识，jQuery的事件句柄、选择器、基本语法结构，你可以复制这些代码运行感受一下。在做第一个例子之前，你需要先到jQuery 1.3 正式版下载 jQuery库，他是一个js的文件非常的小巧只有那么几十KB，然后就是把这个文件Copy到你的项目，用Script附加这个文件就可以了。 Code&lt;!--&lt;br /&gt...
复制链接

扫一扫

专栏目录