jQuery基础学习（属性操作、循环、事件冒泡委托、元素节点操作、滚轮事件、函数节流、json、ajax、jsonp与本地存储）

$(document).ready(function() {
    // 属性操作
    var $value = $('#element').attr('data-value'); // 获取属性值
    $('#element').attr('data-value', 'newValue'); // 设置属性值
 
    // 循环
    $('li').each(function(index) {
        console.log('Item ' + index + ': ' + $(this).text());
    });
 
    // 事件冒泡委托
    $(document).on('click', 'button', function() {
        console.log('Button clicked');
    });
 
    // 元素节点操作
    var $newElement = $('<p>New Paragraph</p>');
    $('#element').append($newElement); // 添加新元素
    $('#element').remove(); // 移除元素
 
    // 滚轮事件
    $(window).scroll(function() {
        console.log('Window scrolled');
    });
 
    // 函数节流
    var throttledScroll = $.throttle(250, function(e) {
        console.log('Throttled scroll event!');
    });
    $(window).scroll(throttledScroll);
});

这个代码实例展示了如何使用jQuery进行基本操作，包括属性的读写、元素的循环遍历、事件的委托处理、节点的添加和移除、滚动事件的监听以及函数的节流处理。这些操作是前端开发中常用的技巧，对于学习jQuery有很好的教育意义。