jquery相关4

10. 样式操作

原理解析

jQuery 提供了 css 方法，用于操作元素的样式。

代码示例

// 获取样式值
var color = $('#myDiv').css('color');

// 设置样式值
$('#myDiv').css('color', 'red');

// 设置多个样式值
$('#myDiv').css({
  'color': 'red',
  'font-size': '20px'
});

11. 表单操作

原理解析

jQuery 提供了 val 方法，用于获取或设置表单元素的值。

代码示例

// 获取输入框的值
var value = $('#myInput').val();

// 设置输入框的值
$('#myInput').val('New Value');

12. DOM 就绪事件

原理解析

jQuery 提供了 $(document).ready 方法，用于在 DOM 加载完成后执行代码。

代码示例

$(document).ready(function() {
  console.log('DOM is ready!');
});