jQuery学习笔记(陆续更新)

最近闲来研究下jQuery,虽然从事WEB相关设计很长时间,但对于jQuery一直比较陌生。了解后感觉JavaScript之于web开发就像是ActionScript之于Flash开发一样,在前端交互体验上都可以借助它们实现出色的效果。而jQuery则是JavaScript最易于使用的方式之一,它拓展自JavaScript,使JavaScript的实际开放更灵活、高效。

一些学习资源:

http://visualjquery.com/ jQuery效果的在线展示,根据上面提供的样例可以很快速的上手jQuery。

50+ Amazing Jquery Examples- Part1 50个精选jQuery实例,第一部分。网络上常见的jQuery应用介绍,很值得一看。

10 Easy jQuery Tricks for Designers 原文作者 Kayla Knight

1、Equal-Height Columns

关于列高度等宽问题,jQuery通过简单函数可以解决这个问题。

  1. function equalHeight(group) {
  2. tallest = 0;
  3. group.each(function() {
  4. thisHeight = $(this).height();
  5. if(thisHeight > tallest) {
  6. tallest = thisHeight;
  7. }
  8. });
  9. group.height(tallest);
  10. }
  11.  
  12. $(document).ready(function(){
  13. equalHeight($(".column"));
  14. });