jQuery属性和DOM操作
在jQuery中,可以使用.attr()
方法来获取或设置元素的属性,使用.prop()
方法来获取或设置元素的属性。同时,可以使用.removeAttr()
和.removeProp()
来移除元素的属性。
对于DOM操作,可以使用.append()
, .prepend()
, .after()
, .before()
, .remove()
, .empty()
等方法来添加、删除或修改DOM元素。
以下是一些示例代码:
// 获取属性
var href = $('#link').attr('href');
// 设置属性
$('#link').attr('href', 'http://www.newsite.com');
// 移除属性
$('#link').removeAttr('href');
// 获取属性
var checked = $('#checkbox').prop('checked');
// 设置属性
$('#checkbox').prop('checked', true);
// 移除属性
$('#checkbox').removeProp('checked');
// 添加元素
$('#container').append('<div id="new-div">New Content</div>');
// 删除元素
$('#new-div').remove();
// 清空元素内容
$('#container').empty();
在实际应用中,尽量使用.prop()
来操作那些可以理解为属性(boolean, enum等类型)的值,其他情况使用.attr()
。
评论已关闭