自己犯过的很傻的错误...

最新推荐文章于 2021-03-05 10:04:44 发布

ilbubby

最新推荐文章于 2021-03-05 10:04:44 发布

阅读量626

点赞数

分类专栏： problems I met 文章标签： stylesheet function jquery 工作 html chrome

本文链接：https://blog.csdn.net/ilbubby/article/details/6529372

版权

problems I met 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

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); } });

有待学习...

ilbubby

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
自己犯过的很傻的错误...

2011.6.7 所有问题如无特殊说明均为Chrome10测试1.把jquery里的attr(key,value)和css(name,value)搞混了...what a dumb ass I am!!! 2.jquery里选择器部分可以直接用字符串处理的方式得到，如下：js测试标题1标题1下的内容标题2标题2下的内容
复制链接

扫一扫

专栏目录