jQuery核心

jQuery是一个快速、简洁的JavaScript框架，主要用于简化JavaScript与DOM的交互。以下是一些常用的jQuery方法和代码示例：

1. 选择元素：

$(selector).action()

例如：$('#elementId').hide() 隐藏id为'elementId'的元素。

2. 文档加载完毕事件：

$(document).ready(function(){
    // 在这里写你的代码
});

例如：

$(document).ready(function(){
    $('#elementId').hide();
});

3. 事件绑定：

$(selector).on(event,function(){});

例如：$('#elementId').on('click', function(){ alert('点击了元素'); })

4. 创建动画：

$(selector).animate({params},speed,callback);

例如：$('#elementId').animate({height: '300px'}, 'slow', function(){ alert('动画完成'); })

5. AJAX请求：

$.ajax({
    url: "script.php",
    method: "GET",
    data: {name: 'John', location: 'Boston'},
    success: function(data){
        // 请求成功后的回调函数
    },
    error: function(jqXHR, textStatus, errorThrown){
        // 请求失败后的回调函数
    }
});

6. 链式调用：

$(selector)
  .action()
  .action()
  .action();

例如：$('#elementId').hide().fadeIn('slow').animate({ left: '+=50' }, 500);

7. 样式操作：

$(selector).css(property,value);

例如：$('#elementId').css('color', 'red');

8. 创建/插入内容：

$(selector).html(); // 获取内容
$(selector).html('content'); // 设置内容

例如：$('#elementId').html('<p>新内容</p>');

9. 属性操作：

$(selector).attr(attribute,value);

例如：$('#elementId').attr('value', 'new value');

10. 循环遍历：

$(selector).each(function(index,element){
   // 代码
});

例如：

$('p').each(function(index, element){
   $(element).html('段落' + index);
});

这些是jQuery的基础，实际应用中可以根据需要选择合适的方法来实现功能。