jquery增删改查
jQuery 增删改查操作指南
查询元素
使用选择器获取DOM元素是最常见的查询操作。$()函数接受CSS选择器或DOM元素作为参数，返回jQuery对象。
// 通过ID查询
$('#elementId');
// 通过类名查询
$('.className');
// 通过标签名查询
$('div');
// 组合查询
$('ul.list li.active');增加元素
动态创建并插入新元素到DOM中。append(), prepend(), after(), before()等方法可用于插入。
// 创建新元素
var newElement = $('<div>New Content</div>');
// 追加到容器末尾
$('#container').append(newElement);
// 插入到容器开头
$('#container').prepend(newElement);
// 在目标元素后插入
$('#target').after(newElement);
// 在目标元素前插入
$('#target').before(newElement);修改元素
通过jQuery方法修改元素属性、内容或样式。
// 修改文本内容
$('#element').text('New Text');
// 修改HTML内容
$('#element').html('<strong>Bold Text</strong>');
// 修改属性
$('#image').attr('src', 'new-image.jpg');
// 修改CSS
$('#element').css('color', 'red');
// 添加/移除类
$('#element').addClass('highlight');
$('#element').removeClass('oldClass');删除元素
从DOM中移除元素或清空元素内容。
// 移除元素本身
$('#element').remove();
// 清空元素内容
$('#element').empty();
// 根据条件过滤删除
$('div').filter('.temp').remove();链式操作
jQuery支持链式调用，可以连续执行多个操作。
$('#list')
.find('li')
.eq(2)
.addClass('selected')
.end()
.append('<li>New Item</li>');
