jQuery 入门教程(1): 基本语法

学习jQuery之前需要你有下面几个方面的基本知识

• HTML
• CSS

JavaScript

jQuery 的基本语法

$(selector).action()

•  $ 符定义这是一个jQuery语句
•  (selector) 用来选择某个HTML元素。
• action()执行对元素的操作。

比如：

$(this).hide() – 隐藏当前元素.

$(“p”).hide() – 隐藏所以 <p> 元素.

$(“.test”).hide() -隐藏所以类名为test的元素.

$(“#test”).hide() - 隐藏ID为test的元素。

由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护：

1. 把所有 jQuery 代码置于事件处理函数中
2. 把所有事件处理函数置于文档就绪事件处理器中
3. 把 jQuery 代码置于单独的 .js 文件中
4. 如果存在名称冲突，则重命名 jQuery 库

• 文档准备好事件

  几乎所有的jQuery 都有如下的代码：

  $(document).ready(function(){  
    
     // jQuery methods go here...  
    
   });  

  这为Document Ready事件处理器以防止jQuery在页面没有完成载入前就执行。从而可以避免下面类似情况发生：
  试图隐藏尚未创建好的元素
  试图获取尚未载入的图片的大小

  这个方法也可以使用下面简化的方法：

  $(function(){  
    
     // jQuery methods go here...  
    
   });   

  
  你可以选择你喜欢的方式，但通常还是采用$(document).ready(function(){的方式以便于代码的阅读。