JQuery工具方法整理,CSS的文本样式属性值
在jQuery中,可以使用.css()
方法来获取或设置元素的CSS属性。如果你想要获取或设置CSS的文本样式属性,你可以指定相应的CSS属性名作为.css()
方法的参数。
以下是一些常见的文本样式CSS属性及其jQuery获取和设置方法:
// 获取文本颜色
var color = $('#element').css('color');
// 设置文本颜色
$('#element').css('color', 'red');
// 获取文本字体大小
var fontSize = $('#element').css('font-size');
// 设置文本字体大小
$('#element').css('font-size', '16px');
// 获取文本字体加粗
var fontWeight = $('#element').css('font-weight');
// 设置文本字体加粗
$('#element').css('font-weight', 'bold');
// 获取文本行高
var lineHeight = $('#element').css('line-height');
// 设置文本行高
$('#element').css('line-height', '1.5');
// 获取文本对齐方式
var textAlign = $('#element').css('text-align');
// 设置文本对齐方式
$('#element').css('text-align', 'center');
请注意,对于CSS属性名含有短横线的属性(如font-size
、font-weight
、line-height
、text-align
),在使用jQuery的.css()
方法时需要转换为驼峰式命名(即每个短横线后的字母大写)。
评论已关闭