jQuery 学习归纳1 --- jQuery 常用API

在jQuery中，有许多常用的API，这些API可以帮助我们更加方便地进行前端开发。以下是一些常用的jQuery API：

1. $(selector)：这是jQuery中最常用的函数，用于选择HTML元素。

$('p').css('color', 'red'); // 将所有p标签的文字颜色改为红色

2. .css(propertyName)：获取或设置HTML元素的CSS属性。

$('p').css('color'); // 获取第一个p标签的文字颜色
$('p').css('color', 'red'); // 将所有p标签的文字颜色改为红色

3. .text()：获取或设置HTML元素的文本内容。

$('p').text(); // 获取第一个p标签的文本内容
$('p').text('Hello World'); // 将所有p标签的文本内容改为Hello World

4. .html()：获取或设置HTML元素的HTML内容。

$('p').html(); // 获取第一个p标签的HTML内容
$('p').html('<strong>Hello World</strong>'); // 将所有p标签的HTML内容改为加粗的Hello World

5. .attr(attributeName)：获取或设置HTML元素的属性。

$('img').attr('src'); // 获取第一个img标签的src属性
$('img').attr('src', 'path/to/image.jpg'); // 将所有img标签的src属性改为path/to/image.jpg

6. .width()和.height()：获取或设置HTML元素的宽度和高度。

$('div').width(); // 获取第一个div标签的宽度
$('div').width(200); // 将所有div标签的宽度改为200px
$('div').height(); // 获取第一个div标签的高度
$('div').height(200); // 将所有div标签的高度改为200px

7. .addClass(className)和.removeClass(className)：添加或删除HTML元素的类。

$('p').addClass('highlight'); // 为所有p标签添加highlight类
$('p').removeClass('highlight'); // 为所有p标签删除highlight类

8. .show()和.hide()：显示或隐藏HTML元素。

$('p').show(); // 显示所有p标签
$('p').hide(); // 隐藏所有p标签

9. .append(content)：在HTML元素内部的末尾添加内容。

$('div').append('<p>New Paragraph</p>'); // 在每个div标签内部末尾添加一个新的p标签

10. .each(function(index, element))：遍历HTML元素集合。