jQuery 参考指南

在jQuery中，有一些常用的方法和属性，这些是开发者们应该熟悉的。以下是一些常用的方法和属性：

1. jQuery() 或 $(): 这是jQuery的标志性方法，用于获取DOM元素。

$('#elementId'); // 获取ID为elementId的元素
$('.className'); // 获取class为className的元素
$('tagName');    // 获取所有的tagName元素

2. .html(): 这个方法用于获取或设置选定元素的HTML内容。

$('#elementId').html(); // 获取ID为elementId的元素的HTML内容
$('#elementId').html('<p>New Content</p>'); // 设置ID为elementId的元素的HTML内容为<p>New Content</p>

3. .text(): 这个方法用于获取或设置选定元素的纯文本内容。

$('#elementId').text(); // 获取ID为elementId的元素的文本内容
$('#elementId').text('New Content'); // 设置ID为elementId的元素的文本内容为New Content

4. .val(): 这个方法用于获取或设置表单字段的值。

$('#inputId').val(); // 获取ID为inputId的输入框的值
$('#inputId').val('New Value'); // 设置ID为inputId的输入框的值为New Value

5. .attr(): 这个方法用于获取或设置元素的属性。

$('#elementId').attr('class'); // 获取ID为elementId的元素的class属性
$('#elementId').attr('class', 'newClass'); // 设置ID为elementId的元素的class属性为newClass

6. .css(): 这个方法用于获取或设置元素的样式属性。

$('#elementId').css('color'); // 获取ID为elementId的元素的color样式属性
$('#elementId').css('color', 'red'); // 设置ID为elementId的元素的color样式属性为red

7. .addClass(), .removeClass(), .toggleClass(): 这些方法用于操作元素的CSS类。

$('#elementId').addClass('newClass'); // 为ID为elementId的元素添加newClass类
$('#elementId').removeClass('existingClass'); // 从ID为elementId的元素移除existingClass类
$('#elementId').toggleClass('className'); // 在ID为elementId的元素上切换className类

8. .width(), .height(), .innerWidth(), .innerHeight(), .outerWidth(), .outerHeight(): 这些方法用于获取或设置元素的尺寸。

$('#elementId').width(); // 获取ID为elementId的元素的宽度
$('#elementId').height(); // 获取ID为elementId的元素的高度
// 其他尺寸方法类似，只是获取的尺寸不同

9. .append(), .prepend(), .after(), .before(): 这些方法用于修改元素的DOM结构。

$('#elementId').append('<p>New Content</p>'); // 在ID为elementId的元素内部的末尾添加新内容
$('#elementId').prepend('<p>New Content</p>'); // 在ID为elementId的元素内部的开头添加新内容
$('#elementId').after('<p>New Content</p>'); // 在ID为elementId的元素之后添加新内容
$