<script type="text/javascript">
window.onload=function ()
{
var tab=document.getElementById("tab");
for(var i=0;i<tab.rows.length;i++)
{
if(i%2==0)
{
tab.rows[i].style.backgroundColor="green";
}
}
}
</script>
JQuery:
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function()
{
$("table tr:nth-child(odd)").style.backgroundColor="green";
});
</script>
v 显示隐藏
hide:隐藏
Show:显示
JQuery代码：
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function ()
{
$("input:first").click(function()
{
$("p").hide();
});
$("input:last").click(function()
{
$("p").show();
});
});
</script>
</head>
<body>
<input type="button" value="显示"/>
<P>显示内容，，，，，</P>
<input type="button" value="隐藏"/>
<div>隐藏内容</div>
</body>
</html>
带参数的显示隐藏：
语法：hide(speed, [callback])
show(speed, [callback])
Speed代表动画时长的毫秒数值；可选的
[callback]代表在动画完成时执行的函数，每个元素执行一次。可选的
$(function ()
{
$("input:first").click(function()
{
$("p").hide(3000);
});
$("input:last").click(function()
{
$("p").show(2000);
});
});
v 淡入淡出
语法：
fadeIn(speed, [callback])
fadeout(speed, [callback])
$(function ()
{
$("input:eq(0)").click(function()
{
$("img").fadeIn(3000);
});
$("input:eq(1)").click(function()
{
$("img").fadeout(2000);
});
});
v 滑动（幻灯片效果）
语法：slideUp(speed, [callback]) ：通过高度变化（向上减小）来动态地隐藏所有匹配的元 素，在隐藏完成后可选地触发一个回调函数。 slideDown(speed, [callback]) ：通过高度变化（向下增大）来动态地显示所有匹 配的元素，在显示完成后可选地触发一个回调函数。
$(function ()
{
$("input:eq(0)").click(function()
{
$("div").add("img").slideUp(3000);
});
$("input:eq(1)").click(function()
{
$("div").add("img").slideDown(1000);
});
});
v 浏览器的检测
$.browser对象
|
属性
|
说明
|
|
msie
|
如果是IE浏览器返回true,否则返回false
|
|
mozilla
|
如果是mozilla相关浏览器返回true,否则返回false，例如firefox,cimino
|
|
safari
|
如果是safari浏览器返回true,否则返回false
|
|
opera
|
如果是opera浏览器返回true,否则返回false
|
|
version
|
浏览器的版本号
|
语法：$.browser对象.属性
v 处理JavaScript对象
$.each()遍历：通用遍例方法，可用于遍例对象和数组。
语法：$.each(object,fn);第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
var arrays=["喜","怒","哀","乐","悲"];
var list={喜:1,怒:2,哀:3,乐:4,悲:5};
$.each(arrays,function(iNum,value)
{
document.write("ID："+iNum+"值 ："+value+"<br/>");
});
$.each(list,function(property,value)
相关推荐
Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录，本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...
**jQuery学习笔记（一）** 在深入探讨jQuery之前，我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
**jQuery学习笔记** jQuery，作为一个轻量级的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧，帮助初学者快速上手。 ## 一...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库，它简化了网页文档对象模型（DOM）操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念，包括选择器、常用方法以及在...
锋利的JQuery学习笔记
《jQuery学习笔记详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，因其简洁的语法和强大的功能，深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery，无论你是初学者还是有...
《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源，由知名讲师韩顺平的课程实录整理而成，旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript代码的编写，使得网页交互变得更加简单。这个资源包含了作者在自学jQuery过程中积累的笔记，以HTML页面的形式呈现，方便阅读和...
### Ajax和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax？** Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用来创建快速动态网页的技术，通过在后台与服务器进行少量数据...
**jQuery学习笔记分享** 在Web开发中，jQuery是一个非常重要的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章：...
**jQuery学习笔记 jQuery API** jQuery，作为一款广泛使用的JavaScript库，极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...
**jQuery学习笔记合集概述** jQuery是一个广泛应用于前端开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这个"JQuery学习笔记合集"包含了三个部分，旨在帮助开发者从初级到高级...
《圣思源jQuery学习笔记详解》 jQuery，作为一款强大的JavaScript库，自2006年发布以来，因其简洁易用的API和丰富的插件生态，迅速成为了前端开发者的重要工具。圣思源张龙老师的jQuery学习笔记，深入浅出地剖析了...
《jQuery学习笔记详解》 jQuery，作为一款广泛应用于Web开发的JavaScript库，以其简洁的API、强大的功能和广泛的社区支持，极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。这篇学习笔记将深入探讨...
### JQuery学习笔记（技术文档） #### 一、JQuery能做什么？ JQuery 是一款轻量级的 JavaScript 库，它的设计宗旨是“write less, do more”，即“写得更少，做得更多”。通过JQuery，可以实现以下功能： 1. **...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这份笔记旨在深入理解jQuery的核心概念，通过实例代码来加强理解和应用。 1. **jQuery选择器**:...
《锋利的jQuery学习笔记》是一份深入探讨jQuery框架的学习资料，主要针对想要掌握JavaScript库jQuery的开发者。jQuery是一款高效、简洁的JavaScript库，它极大地简化了JavaScript代码的编写，使得DOM操作、事件处理...
### jQuery学习笔记精心整理 #### 一、什么是jQuery 1. **定义**： - **第三方**：jQuery是由第三方组织或个人编写的函数库，并非浏览器内置或开发者自定义的函数，因此使用前需从官方网站（[www.jquery.com]...