jQuery 入门教程(2): 基本语法
2014-01-14 14:13
495 查看
学习jQuery之前需要你有下面几个方面的基本知识
HTML
CSS
JavaScript
$(selector).action()
$ 符合定义这是一个jQuery语句
(selector) 用来选择某个HTML元素,其语法和CSS的selector语法一样。
action() 定义操作该HTML元素的方法。
比如:
$(this).hide() – 隐藏当前元素.
$(“p”).hide() – 隐藏所以 <p> 元素.
$(“.test”).hide() -隐藏所以类名为test的元素.
$(“#test”).hide() - 隐藏ID为test的元素。
几乎所有的jQuery 都有如下的代码:
[javascript]
view plaincopyprint?
$(document).ready(function(){
// jQuery methods go here...
});
这为Document Ready事件处理器以防止jQuery在页面没有完成载入前就执行。从而可以避免下面类似情况发生:
试图隐藏尚未创建好的元素
试图获取尚未载入的图片的大小
这个方法也可以使用下面简化的方法:
[javascript]
view plaincopyprint?
$(function(){
// jQuery methods go here...
});
你可以选择你喜欢的方式,但通常还是采用$(document).ready(function(){的方式以便于代码的阅读。
学习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 plaincopyprint?
$(document).ready(function(){
// jQuery methods go here...
});
$(document).ready(function(){ // jQuery methods go here... });
这为Document Ready事件处理器以防止jQuery在页面没有完成载入前就执行。从而可以避免下面类似情况发生:
试图隐藏尚未创建好的元素
试图获取尚未载入的图片的大小
这个方法也可以使用下面简化的方法:
[javascript]
view plaincopyprint?
$(function(){
// jQuery methods go here...
});
$(function(){ // jQuery methods go here... });
你可以选择你喜欢的方式,但通常还是采用$(document).ready(function(){的方式以便于代码的阅读。
相关文章推荐
- jQuery 入门教程(1): 基本语法
- jQuery 入门教程(2): 基本语法
- jQuery 入门教程(2): 基本语法
- [PHP]从HelloWorld开始的基本语法入门教程
- JSP入门教程之基本语法简析
- Swift入门教程:基本语法(二)
- Lua脚本语言基本语法快速入门教程
- Swift入门教程:基本语法(一)
- Swift入门教程:基本语法大全
- JSP入门教程之基本语法简析
- 初级入门级教程CSS的基本语法
- jQuery 入门教程(20): jQuery UI 基本工作过程
- Swift入门教程:基本语法(四)
- jQuery 入门教程(20): jQuery UI 基本工作过程
- Swift入门教程:基本语法(五)
- 初级入门级教程 CSS的基本语法
- Swift入门教程:基本语法(三)
- Swift入门教程:基本语法大全
- jQuery 入门教程(10): 回调函数
- Delphi XE5教程9:基本语法元素