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

访客 阅读:228 2021-04-01 10:02:13 评论:0


学习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] view plain copy print ?
  1. $(document).ready(function(){  
  2.   
  3.    // jQuery methods go here...  
  4.   
  5.  });   
  6.    
$(document).ready(function(){ 
 
   // jQuery methods go here... 
 
 });  
 

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

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

[javascript] view plain copy print ?
  1. $(function(){  
  2.   
  3.    // jQuery methods go here...  
  4.   
  5.  });   
  6.    
$(function(){ 
 
   // jQuery methods go here... 
 
 });  
 

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

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号