# 基本语法

URL: https://caijiao.org/jquery/01-intro/03-basic-syntax
Source: docs/jquery/01-intro/03-basic-syntax.md
Description: 介绍 jQuery 的基本语法结构，包括选择器、事件绑定和链式调用，帮助初学者快速掌握如何用简洁代码操作 DOM，提高前端开发效率。

[jQuery](/jquery/) 通过简洁易用的语法帮助开发者快速操作网页元素。掌握基本语法是学习 jQuery 的关键一步。

## 选择器

jQuery 使用 CSS 选择器来定位页面元素，常用格式是：

```js
$(selector);
```

例如，选择所有段落元素：

```js
$("p");
```

## 事件绑定

可以快速绑定事件，如点击事件：

```js
$("button").click(function () {
  alert("按钮被点击！");
});
```

## 链式调用

jQuery 支持链式调用，让代码更简洁：

```js
$("p").css("color", "red").slideUp(2000).slideDown(2000);
```

## 示例代码

[在线代码演示](/jquery/demos/2.html)