自己犯过的很傻的错误..._犯了很傻的错误-优快云博客

本文详细介绍了jQuery中attr(key,value)和css(name,value)方法的使用，通过实例展示了如何操作HTML页面元素，包括鼠标事件触发样式变化，并解释了setTimeout函数在不同调用方式下产生的不同行为，旨在帮助开发者更深入地掌握jQuery的基本操作。

2011.6.7

所有问题如无特殊说明均为Chrome10测试

1.把jquery里的attr(key,value)和css(name,value)搞混了...what a dumb ass I am!!!

2.jquery里选择器部分可以直接用字符串处理的方式得到，如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js测试</title> <mce:script type="text/javascript" src="jquery-1.4.4.min.js" mce_src="jquery-1.4.4.min.js"></mce:script> <mce:script type="text/javascript" src="index.js" mce_src="index.js"></mce:script> <link href="reset.css" mce_href="reset.css" rel="stylesheet" type="text/css"> <link href="test.css" mce_href="test.css" rel="stylesheet" type="text/css"> </head> <body> <h1 id="title1">标题1</h1> <p id="content2">标题1下的内容</p> <h1 id="title2">标题2</h1> <p id="content2">标题2下的内容</p> </body> </html>

为以上页面加上，鼠标移入标题时，相应段落内容变为红字的，鼠标移出恢复颜色的效果，可以使用以下jquery代码 :

$(document).ready(function() { $("h1").bind("mouseover", function(){ $("#content" + $(this).attr("id").substr(5,5)).css('color','red'); }); $("h1").bind("mouseout", function(){ $("#content" + $(this).attr("id").substr(5,5)).css('color','black'); }); });

3.setTimeout让我迷惑的一个小地方:

仍以以上页面为例，以下js代码

$(document).ready(function() { //t = setTimeout(foo, 1000);//正常工作 //t = setTimeout(foo(), 1000);//无延迟效果 //t = setTimeout("foo()",1000);//报错 //t = setTimeout(alert, 1000);//正常工作(显示undefined) //t = setTimeout(alert(1), 1000);//无延迟效果 //t = setTimeout("alert(1)", 1000);//正常工作 function foo(){ alert(1); } });

有待学习...