jquery方法

jQuery 核心方法

$() 或 jQuery() 是核心选择器方法，用于获取 DOM 元素或创建 jQuery 对象。支持 CSS 选择器、DOM 元素或 HTML 字符串。

$('#id') // 通过 ID 选择
$('.class') // 通过类选择
$('div') // 通过标签选择

DOM 操作

append() 和 prepend() 用于插入内容到元素内部末尾或开头。

$('#container').append('<p>新内容</p>');

html() 和 text() 用于获取或设置元素的 HTML 或纯文本内容。

$('#element').html('<strong>加粗文本</strong>');

事件处理

on() 是通用事件绑定方法，支持多种事件类型。

$('#button').on('click', function() {
  alert('按钮被点击');
});

click() 是 on('click') 的简写形式。

AJAX 请求

$.ajax() 是底层 AJAX 方法，支持高度自定义。

$.ajax({
  url: 'api/data',
  method: 'GET',
  success: function(response) {
    console.log(response);
  }
});

$.get() 和 $.post() 是简化方法。

动画效果

fadeIn() 和 fadeOut() 控制元素的淡入淡出。

$('#box').fadeIn(500); // 500 毫秒淡入

animate() 支持自定义 CSS 属性动画。

$('#box').animate({ 
  opacity: 0.5,
  left: '+=50'
}, 1000);

实用工具

$.each() 用于遍历数组或对象。

$.each([1, 2, 3], function(index, value) {
  console.log(value);
});

$.extend() 用于合并对象。

链式调用

jQuery 方法通常返回 jQuery 对象，支持链式调用。

$('#element')
  .css('color', 'red')
  .slideUp(200)
  .slideDown(200);