jquery1.0手册

前言

jQuery是一款广泛使用的JavaScript库，它简化了HTML文档的遍历、事件处理、动画效果和AJAX操作等常见任务。本文将向你介绍jQuery 1.0版本，并提供代码示例和解释，以帮助你更好地理解和使用这个版本的jQuery。

jQuery 1.0的特点

在jQuery 1.0中，引入了一些主要特性，包括选择器、DOM操作、事件处理和特效等。下面的代码演示了如何使用jQuery 1.0进行元素选择和操作：

<script src="https://code.jquery.com/jquery-1.0.0.js"></script>
<script>
  $(document).ready(function(){
    // 选择所有class为"highlight"的元素并隐藏
    $(".highlight").hide();
    
    // 在元素列表末尾添加一个新元素
    $("ul").append("<li>新元素</li>");
    
    // 绑定点击事件
    $("button").click(function(){
      // 隐藏父元素
      $(this).parent().hide();
    });
  });
</script>

在上面的例子中，我们首先通过选择器选中了所有类名为"highlight"的元素，并使用hide()方法将其隐藏。接着，使用append()方法在ul元素的末尾添加了一个新的li元素。最后，我们使用click()方法给按钮元素绑定了一个点击事件，并在事件处理函数中隐藏了按钮的父元素。

使用jQuery 1.0进行AJAX操作

jQuery 1.0也提供了便捷的方式来进行AJAX操作。下面的代码展示了如何使用jQuery 1.0发送GET请求并处理返回的数据：

<script src="https://code.jquery.com/jquery-1.0.0.js"></script>
<script>
  $.ajax({
    type: "GET",
    url: "http://example.com/data",
    success: function(data){
      // 处理返回的数据
      // ...
    }
  });
</script>

在上面的例子中，我们使用$.ajax()方法发送了一个GET请求，并指定了URL和一个成功的回调函数。当请求成功完成时，回调函数将被调用，并传入返回的数据作为参数，你可以在回调函数中对数据进行处理。

总结

本文介绍了jQuery 1.0的一些主要特点和用法。你可以通过选择器、DOM操作、事件处理和特效等功能来简化和增强你的JavaScript代码。此外，你还了解了如何使用jQuery 1.0进行AJAX操作。希望这些内容能够帮助你更好地理解和使用jQuery 1.0。

需要注意的是，由于jQuery的版本迭代更新，建议在实际开发中使用最新版本的jQuery以获得更好的性能和功能支持。