jQuery入门

作为一个Web攻城狮，对于使用如此广泛的jQuery类库，我们必须熟悉它，对于各浏览器的严重不兼容而导致的糟糕境况，JQ作为JS的一种类库，让我们不用担心不同浏览器的差异，因为它简化通用操作，帮我们隐藏了浏览器之间的差异，让我们能更好开发Web应用。

接下来，我为大家讲一些JQ的基础内容：

首先，介绍的是jQuery类库定义的一个全局函数：jQuery（），也可以简写为$（美元符号）。值得强调的是，这是jQuery在全局命名空间中定义的唯一两个变量。那么问题来了，当你用使用$作为变量时，或者引入了Prototype等使用$作为全局变量时的类库时，我们该如何处理？jQuery已经为我们准备了一个函数，当我们调用jQuery.noConflict()时，就可以来释放$变量，使得$指向原始值。例子如下：

 ------>>         var jq = $.noConflict（）；//为jQuery变量规定新的名称，也就是，过渡$变量对jQuery（）的控制权。

                                                         $,是jQuery的核心查询方法。

  ---->>           var div = $("div");  //获取文档中的所有<div>标签元素

注意的是，该方法返回的值是0个或者多个DOM元素，这就是jQuery对象。jQuery是工厂函数，不是构建函数，它返回的是一个新创建的对象，而构建函数是有与new关键字一起使用的，这是重要的区别。

接着，我继续介绍jQuery中的一些操作他们表示的这组元素。

 ---->>             $("p.details").css("background-color","yellow").show("fast");

                     //首先，$("p.details")获取到所有拥有类为details的p元素，调用css()方法就是为获取到的这些元素添加样                      //式，即将它们的背景颜色设为黄色，接着再调用show()方法，即对获取的元素中，那些隐藏的p元素快速                      //显示出来。这样一大串连续的调用，即为传说中的链式调用，很简洁紧凑。

 ---->>            $(".clicktohide").click(function() { $(this).slideUp("show"); });

                     //同理，这是是先找到类为clicktohide的所有元素，并为他们的每一个元素注册一个事件处理函数。当用户                      //点击该元素时（$(this)指当前点击的元素），会调用事件处理程序，使得该元素缓慢向上收缩，最终消                        //失（slideUp("slow")为动画函数，向上收缩，参数slow就是说动作缓慢执行）.