在最简单的形式中， .show（） 立即显示匹配的元素，没有动画。例如：

$(".myclass").show();

将显示其类为_myclass的_所有元素。可以使用任何jQuery选择器。

但是，此方法不会覆盖CSS样式中的!important ，例如display: none !important 。

.show（）作为动画方法

由于其选项， .show（） 可以同时为匹配元素的宽度，高度和不透明度设置动画。

• 持续时间可以以毫秒为单位，或者使用文字慢（600毫秒）和快速（200毫秒）。例如：

$("#myobject").show(&q...

阅读全文...

在最简单的形式中， .hide（） 立即隐藏匹配的元素，没有动画。例如：

$(".myclass").hide()

将隐藏其类为_myclass的_所有元素。可以使用任何jQuery选择器。

.hide（）作为动画方法

由于其选项， .hide（） 可以同时为匹配元素的宽度，高度和不透明度设置动画。

• 持续时间可以以毫秒为单位，或者使用文字慢（600毫秒）和快速（200毫秒）。例如：

$("#myobject").hide(800)

• 可以指定在动画完成后调用函数，每个匹配元素调用一次。此回调主要用于将不同的动画链接在一起。例如

$(&qu...

阅读全文...

发送异步http POST请求以从服务器加载数据。其一般形式是：

jQuery.post( url [, data ] [, success ] [, dataType ] )

• url：是唯一的必需参数。此字符串包含要将请求发送到的地址。如果未指定其他参数，则将忽略返回的数据
• data：与请求一起发送到服务器的普通对象或字符串。
• success：如果请求成功则执行的回调函数。它将返回的数据作为参数。它还传递了响应的文本状态。
• dataType：服务器所需的数据类型。默认为Intelligent Guess（xml，json，script，text，html）。如果提供了此参数，则还必...

阅读全文...

发送异步http GET请求以从服务器加载数据。其一般形式是：

jQuery.get( url [, data ] [, success ] [, dataType ] )

• url ：唯一的必需参数。该字符串包含发送请求的地址。如果未指定其他参数，则将忽略返回的数据。
• data ：带有请求发送到服务器的普通对象或字符串。
• success ：如果请求成功，则执行回调函数。它将返回的数据作为参数。它还传递了响应的文本状态。
• dataType ：服务器所需的数据类型。默认为Intelligent Guess（xml，json，script，text，html）。如果提供此参数，则还必须提供...

阅读全文...

jQuery的animate方法只需几行代码就可以轻松创建简单的动画。基本结构如下：

$(".selector").animate(properties, duration, callbackFunction());

对于properties参数，您需要传递一个javascript对象，并将要作为键设置动画的CSS属性以及要作为值设置为动画的值。 在此duration您需要输入动画应采用的时间量（以毫秒为单位）。 动画完成后执行callbackFunction() 。

例

一个简单的例子如下所示：

$(".awesome-animation")....

阅读全文...

单击一个元素时，jQuery Click方法会触发一个函数。该函数称为“处理程序”，因为它处理click事件。功能可以 使用jQuery Click方法影响绑定到单击的HTML元素，或者它们可以完全改变其他内容。最常用的形式是：

$("#clickMe").click(handler)

click方法将处理函数作为参数，并在每次单击元素#clickMe时执行它。处理函数接收一个 被称为eventObject的参数，可用于控制操作。

例子

此代码在用户单击按钮时显示警报：

<button id="alert">Click Here<...

阅读全文...

jQuery .css()方法获取匹配元素集中第一个元素的计算样式属性的值，或为每个匹配元素设置一个或多个CSS属性。

入门

要返回指定CSS属性的值，请使用以下语法：

$(selector).css(propertyName);

例如：

$('#element').css('background');

注意：这里我们可以使用任何css选择器，例如：element（HTML Tag selector），。element（Class Selector），＃element（ID selector）。

设置

要设置指定的CSS属性，请使用以下语法：

$(se...

阅读全文...

jquery悬停方法是mouseenter和mouseleave事件的组合。 语法是这样的：

$(selector).hover(inFunction, outFunction);

第一个功能，inFunction，当将要运行mouseenter事件发生。 第二个函数是可选的，但会在mouseleave事件发生时运行。 如果只指定了一个函数，则另一个函数将同时针对mouseenter和mouseleave事件运行。

更多jQuery教程

学习更多jQuery教程

阅读全文...

Jquery .html()方法获取HTML元素的内容或设置HTML元素的内容。

入门

要返回HTML元素的内容，请使用以下语法：

$('selector').html();

例如：

$('#example').html();

设置

要设置HTML元素的内容，请使用以下语法：

$('selector').html(content);

例如：

$('p').html('Hello World!');

这会将所有<p>元素的内容设置为Hello World！

更多jQuery教程

学习更多jQ...

阅读全文...

按下鼠标左键时会发生mousedown事件。 要触发所选元素的mousedown事件，请使用以下语法：

$(selector).mousedown();

但是，大多数情况下，mousedown方法与附加到mousedown事件的函数一起使用。 这是语法：

$(selector).mousedown(function); 例如：

$(#example).mousedown(function(){
   alert("Example was clicked");
 });

当单击#example时，该代码将使页面警报“单击示例”。

更多jQuery教程

学习更多jQue...

阅读全文...