jQuery基础知识梳理

$(document).ready(function() {
    // 当DOM完全加载后执行的代码
    // 选择器获取元素
    var myElement = $('#myElementId'); // ID选择器
    var myClass = $('.myClassName');   // 类选择器
 
    // 绑定事件处理器
    myElement.click(function() {
        // 当元素被点击时执行的代码
        alert('元素被点击');
    });
 
    // 修改样式
    myClass.css('color', 'blue'); // 设置文字颜色为蓝色
 
    // 修改HTML内容
    myElement.html('新的内容'); // 将元素的HTML内容改为“新的内容”
 
    // 修改属性
    myElement.attr('href', 'http://www.example.com'); // 设置href属性
 
    // 隐藏元素
    myElement.hide(); // 隐藏元素
 
    // 显示元素
    myElement.show(); // 显示元素
 
    // 通过AJAX加载外部数据
    $.ajax({
        url: 'data.json',
        dataType: 'json',
        success: function(data) {
            // 处理返回的数据
            console.log(data);
        }
    });
});

这段代码展示了如何使用jQuery来选择元素、绑定事件处理器、修改样式、修改HTML内容、修改属性、隐藏和显示元素，以及如何通过AJAX加载外部数据。