4、jQuery入门：从基础选择器到实现页面交互效果

jQuery入门：从基础选择器到实现页面交互效果

1. jQuery基础选择器与方法

1.1 jQuery选择器与CSS选择器的关联

jQuery使用与CSS相同的选择器来操作页面元素。例如，以下是一些常见的选择器及其对应的操作：
- 元素选择器 ：

$("h1").hide();

此代码会隐藏页面上所有的 <h1> 元素。对应的CSS样式设置如下：

h1 { 
    text-align: left; 
}

• 类选择器 ：

$(".my_class").slideUp();

该代码会将所有属于 my_class 类的元素向上滑动隐藏。CSS样式设置为：

.my_class{ 
    position: absolute; 
}

• ID选择器 ：

$("#my_id").fadeOut