jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《属性与样式操作 (attr, css, addClass)》:操作元素属性和 CSS 样式。 // 属性 $('img').attr('src', 'new.jpg'); var href = $('a').attr('href'); $('a').removeAttr('target'); //...

DOM 操作

属性与样式操作 (attr, css, addClass)

【详细说明 & 代码示例】
操作元素属性和 CSS 样式。
// 属性
$('img').attr('src', 'new.jpg');
var href = $('a').attr('href');
$('a').removeAttr('target');

// CSS 样式
$('div').css('color', 'red');
$('div').css({color: 'red', fontSize: '20px'});

// 类操作
$('div').addClass('active');
$('div').removeClass('active');
$('div').toggleClass('active');
$('div').hasClass('active');

// 尺寸
$('div').width(200);
var height = $('div').height();

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码