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

学习jQuery之前需要你有下面几个方面的基本知识
 
HTML
CSS
JavaScript
jQuery 的基本语法
$(selector).action()
 
 $ 符合定义这是一个jQuery语句
 (selector) 用来选择某个HTML元素，其语法和CSS的selector语法一样。
action() 定义操作该HTML元素的方法。
比如：
 
$(this).hide() – 隐藏当前元素.
 
$(“p”).hide() – 隐藏所以 <p> 元素.
 
$(“.test”).hide() -隐藏所以类名为test的元素.
 
$(“#test”).hide() - 隐藏ID为test的元素。
 
文档准备好事件
几乎所有的jQuery 都有如下的代码：
 
 
[javascript] 
$(document).ready(function(){  
  
   // jQuery methods go here...   
  
 });   
   
 
$(document).ready(function(){
 
   // jQuery methods go here...
 
 }); 
 
 
 
这为Document Ready事件处理器以防止jQuery在页面没有完成载入前就执行。从而可以避免下面类似情况发生：
试图隐藏尚未创建好的元素
试图获取尚未载入的图片的大小
 
这个方法也可以使用下面简化的方法：
 
[javascript] www.zzzyk.com
$(function(){  
  
   // jQuery methods go here...   
  
 });   
   
 
$(function(){
 
   // jQuery methods go here...
 
 }); 
 
你可以选择你喜欢的方式，但通常还是采用$(document).ready(function(){的方式以便于代码的阅读。
 

补充：web前端 , JavaScript ,

上一个：jQuery 入门教程(3): Selectors
下一个：jQuery 入门教程(1): 概述