// 获取宽度值（包含单位）
var widthValue = $('#element').css('width');
console.log(widthValue); // 输出如 "100px" 或 "50%"

// 获取值并分离数值和单位
var widthValue = $('#element').css('width');
var numericValue = parseFloat(widthValue);
var unit = widthValue.replace(/[^a-z%]/g, '');

console.log(numericValue); // 如 100
console.log(unit); // 如 "px" 或 "%"

function hasUnit(value, unit) {
    return value.toString().indexOf(unit) > -1;
}

var widthValue = $('#element').css('width');
if(hasUnit(widthValue, '%')) {
    console.log('使用百分比单位');
} else if(hasUnit(widthValue, 'px')) {
    console.log('使用像素单位');
}

$(document).ready(function() {
    // 设置不同单位的值
    $('#box1').css('width', '200px');
    $('#box2').css('width', '50%');
    
    // 检查并处理单位
    $('.box').each(function() {
        var width = $(this).css('width');
        var value = parseFloat(width);
        var unit = width.replace(/[^a-z%]/g, '');
        
        console.log('元素宽度:', value + unit);
        
        if(unit === '%') {
            console.log('这是一个百分比宽度元素');
            // 可以添加针对百分比宽度的特殊处理
        } else if(unit === 'px') {
            console.log('这是一个固定宽度元素');
            // 可以添加针对像素宽度的特殊处理
        }
    });
});