JQuery 入门实例1

190 阅读 0 评论 126 点赞

我是靠谱客的博主潇洒早晨，最近开发中收集的这篇文章主要介绍JQuery 入门实例1，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<%@ Page Language="C#" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<script runat="server"></script> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>无标题页</title> 
<script src="../jquery脚本/jquery-1[1].3.2.min.js" src="jquery脚本/jquery-1[1].3.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"><!-- 
$(document).ready(function(){ 
$("tr").each(function(){ 
$(this).children("td:not(:first,:last)").each(function(){ 
$(this).css('color','blue'); 
}); 
}); 
}); 

// --></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<table> 
<tr> 
<td>1</td> 
<td>2</td> 
<td>3</td> 
<td>4</td> 
</tr> 
<tr> 
<td>1</td> 
<td>2</td> 
<td>3</td> 
<td>4</td> 
</tr> 
</table> 

</div> 
</form> 
</body> 
</html> 

PS:
$(document).ready()由于应用场景众多，所以可以直接用$(fn)来代替，fn表示处理函数。（ready处理函数貌似在文档内容载入完成后执行，无需等待相关其它图片等资源载入完成，所以比load事件要更早执行，对于这点，没有具体证实）$(document).ready()由于应用场景众多，所以可以直接用$(fn)来代替，fn表示处理函数。（ready处理函数貌似在文档内容载入完成后执行，无需等待相关其它图片等资源载入完成，所以比load事件要更早执行，对于这点，没有具体证实）