jQuery 语法

jQuery 是一个快速、简洁的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画等操作。本章将介绍 jQuery 的基本语法，让你快速上手使用这个强大的库。

选择器

在 jQuery 中，选择器用于选取需要操作的元素。你可以通过标签名、类名、ID、属性等来选取元素。

// www.javascriptcn.com code example
// 选取所有 p 元素
$("p")

// 选取所有类名为 "example" 的元素
$(".example")

// 选取 ID 为 "myId" 的元素
$("#myId")

// 选取所有属性名为 "href" 的元素
$("[href]")

操作元素

jQuery 提供了丰富的方法来操作选取的元素，比如修改元素的内容、样式、属性等。

// www.javascriptcn.com code example
// 修改元素的文本内容
$("p").text("Hello, jQuery!")

// 修改元素的 HTML 内容
$("div").html("<p>这是新的内容</p>")

// 修改元素的样式
$("img").css("width", "200px")

// 添加类名
$("button").addClass("btn-primary")

// 移除类名
$("button").removeClass("btn-default")

// 切换类名
$("button").toggleClass("active")

事件处理

jQuery 可以帮助你更方便地处理事件，比如点击、鼠标移入、键盘输入等事件。

// www.javascriptcn.com code example
// 点击事件
$("button").click(function(){
  alert("按钮被点击了！")
})

// 鼠标移入事件
$("img").mouseover(function(){
  $(this).css("border", "1px solid red")
})

// 键盘输入事件
$("input").keyup(function(){
  var value = $(this).val()
  console.log("输入的值是：" + value)
})

以上就是 jQuery 的基本语法，下一章节将会介绍更多高级用法，敬请期待！