使用jQuery更改控件类型的属性

Question

我有一个包含5个网格和1个按钮的网页。我想对页面进行编程以允许用户单击按钮并更改5个网格上的文本大小。我怎么能用jQuery做到这一点？

Answer 1

以下是一个实现，它可能会让一个按钮循环显示页面上某个特定区域的某些预定字体：

// Our fontsizes, and cached selectors
var fontsizes = ['10px', '16px', '20px', '30px'],
    $buttonEl = $("#modify"),
    $affected = $("#affected"),
    index;

// When our button is clicked
$buttonEl.on("click", function () {
    // Determine new font-size for the affected region
    $affected.css("font-size", function (index, size) {
       // Get index of current size in our array
       index = $.inArray(size, fontsizes);
       // Return the next font size in the list (wraps)
       return fontsizes[++index % fontsizes.length];
    });
});

演示：http://jsfiddle.net/MLVAJ/1/