分类标签归档:jQuery

jQuery效果显示show方法


在最简单的形式中, .show() 立即显示匹配的元素,没有动画。例如:

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

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

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

.show()作为动画方法

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

  • 持续时间可以以毫秒为单位,或者使用文字慢(600毫秒)和快速(200毫秒)。例如:
$("#myobject").show(&q...

阅读全文...

jQuery隐藏方法


在最简单的形式中, .hide() 立即隐藏匹配的元素,没有动画。例如:

$(".myclass").hide()

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

.hide()作为动画方法

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

  • 持续时间可以以毫秒为单位,或者使用文字慢(600毫秒)和快速(200毫秒)。例如:
$("#myobject").hide(800)
  • 可以指定在动画完成后调用函数,每个匹配元素调用一次。此回调主要用于将不同的动画链接在一起。例如
$(&qu...

阅读全文...

jQuery Ajax Post方法


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

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

阅读全文...

jQuery Ajax get方法


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

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

阅读全文...

jQuery animate方法


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

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

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

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

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

阅读全文...

jQuery单击click方法


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

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

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

例子

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

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

阅读全文...

CSS方法


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

入门

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

$(selector).css(propertyName);

例如:

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

注意:这里我们可以使用任何css选择器,例如:element(HTML Tag selector),。element(Class Selector),#element(ID selector)。

设置

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

$(se...

阅读全文...

jQuery悬停方法


jquery悬停方法是mouseentermouseleave事件的组合。 语法是这样的:

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

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

更多jQuery教程

学习更多jQuery教程

阅读全文...

jQuery HTML方法


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

入门

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

$('selector').html();

例如:

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

设置

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

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

例如:

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

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

更多jQuery教程

学习更多jQ...

阅读全文...

jQuery Mousedown方法


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

$(selector).mousedown();

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

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

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

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

更多jQuery教程

学习更多jQue...

阅读全文...