发布于 2016-12-04 08:38:16 | 45 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。


用jquery为ul下的li依次设置样式的代码,主要是利用了first,next方法。
完整代码:

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
.highlight 
{ 
background-color: yellow; 
} 
.gray 
{ 
background-color: Gray; 
} 
</style> 
<script src="http://code.jquery.com/jquery-1.5.js"></script> 
</head> 
<body> 
<ul> 
<li>Look:</li> 
<li>This is some text in a paragraph.</li> 
<li>This is a note about it.</li> 
</ul> 
<script type="text/javascript"> 
$("ul li").first().addClass('highlight'); 
jQuery("ul li").first().next().addClass('gray'); 
</script> 
</body> 
</html>


最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务