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

谁践踏了优雅 2024-02-17 14:10 18阅读 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][view plain] [copy][view plain] [print][view plain] [?][view plain]

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][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  $(function()\{
2.  
3.  // jQuery methods go here...
4.  
5.  \});
6.

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

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

[view plain]: http://blog.csdn.net/mapdigit/article/details/8640432#

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery基本语法

文章目录 1.jQuery语法 1.1 文档就绪事件 1.2 注意 2.jQuery选择器 2.1 jQuery 选择器

淡淡的烟草味﹌/ 2024年03月22日 20:05/ 0 赞/ 105 阅读

相关 Python入门教程 - 基本语法（一）

目录一、注释二、Python的六种数据类型三、字符串、数字控制台输出练习四、变量及基本运算五、type()语句查看数据的类型六、字符串的3种不同定义方

矫情吗；*/ 2024年03月09日 05:44/ 0 赞/ 104 阅读

相关 PHP入门教程：常见数据类型和基本语法

PHP是一种流行的服务器端脚本语言，广泛用于开发动态网页和Web应用程序。本教程将介绍PHP的常见数据类型和基本语法，帮助你入门学习。 1. 常见数据类型在PHP中，常

清疚/ 2024年02月24日 08:10/ 0 赞/ 12 阅读

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

学习jQuery之前需要你有下面几个方面的基本知识 HTML CSS JavaScript jQuery 的基本语法 $(selector)

谁践踏了优雅/ 2024年02月17日 14:10/ 0 赞/ 19 阅读

相关 jQuery 入门教程(20): jQuery UI 基本工作过程

本篇介绍JQuery UI组件的基本工作过程，以进程条（Progressbar)为例介绍JQuery UI组件工作的基本过程。初始化大部分JQuery Ui

怼烎@/ 2023年10月16日 19:06/ 0 赞/ 28 阅读

相关 shell语法基本教程

平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我。跟着我从0学习JAVA、spring全家桶和linux运维等知识，带你从懵懂少年

末蓝、/ 2022年11月19日 15:58/ 0 赞/ 236 阅读

相关 jquery_基本语法

1) 定位一个div： Js的写法如下： Var dialogbox = document.getElementById(“”); Var dialogbox = doc

怼烎@/ 2022年05月25日 05:48/ 0 赞/ 210 阅读

相关 jQuery概述及基本语法

一、jQuery简介 1. 简介 > jQuery是继Prototype之后又一个优秀的JavaScript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器。j

╰+哭是因爲堅強的太久メ/ 2022年05月16日 07:19/ 0 赞/ 245 阅读

相关 jQuery-jQuery基本语法

jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action() 美元符号定

桃扇骨/ 2022年04月17日 06:59/ 0 赞/ 240 阅读

相关 Markdown 基本语法快速入门教程

Markdown 允许人们直接用纯文本格式编写文档，然后转换成格式丰富的HTML页面，而且便于类似 svn、git 等版本管理工具的管理。下面是一些我经常会用到的 mar...

朱雀/ 2021年03月29日 11:11/ 0 赞/ 635 阅读