jQuery常用的函数的简单描述 便于查阅

jQuery HTML

jQuery 包含很多供改变和操作HTML 的强大函数。常用的有：

html

Append

Prepend

After

Before

等方法

html() 函数改变所匹配的HTML 元素的内容（innerHTML）。

Append和prepend

append主要用于往元素的innerhtml后面添加一段内容

prepend主要用于往元素的innerhtml前面插入一段内容

After和before

After主要用于往被选中的元素后面添加内容

before主要用于往被选中的元素前面添加内容

addClass和removeClass

addClass方法可以想匹配的元素中添加一个新的css类。

该方法不会移除已存在的class 属性，仅仅添加一个或

多个class 属性。当添加的属性与现有的属性一样时，

以新添加的属性为准。

removeClass() 方法从被选元素移除一个或多个类。

Html方法列表

Jquery css

jQuery 拥有三种用于CSS 操作的重要函数：

$(selector).css(name,value)

$(selector).css({properties})

$(selector).css(name)

函数css(name,value) 为所有匹配元素的给定CSS 属性设置值：

函数css({properties}) 同时为所有匹配元素的一系列CSS 属性设置值：

函数css(name) 返回指定的CSS 属性的值：

Size操作

jQuery 拥有两种用于尺寸操作的重要函数：

$(selector).height(value)

$(selector).width(value)

例如：

$("#p1").height(“100px");

$("#p1").width(“200px");

Jquery Ajax

Jquery 效果

jQuery 可以创建隐藏、显示、切换、滑动以及自定义动画等效果。常用的

效果有：

 hide() 隐藏

 show()显示

 fadeTo() 淡出

 slideToggle() 展开收缩

 animate() 大小变化

等

Hide效果主要用于隐藏某个html元素

show效果主要用于显示某个被隐藏的html元素

hide() 和show() 都可以设置两个可选参数：speed 和callback

speed 参数规定显示或隐藏的速度。可以设置这些值："slow", "fast",

"normal" 或毫秒。

callback 参数是在hide 或show 函数完成之后被执行的函数名称。您

将在本教程下面的章节学习更多有关callback 参数的知识。

实例：

Toggle()效果

我们可以使用toggle() 函数使show() 或hide() 函数来切换HTML 元素的可见状态。

滑动效果

我们可以使用slideDown, slideUp, slideToggle 来实现滑动的效果

淡入淡出效果

我们可以使用fadeIn(), fadeOut(), fadeTo()来实现淡入淡出效果

fadeTo() 函数中的opacity 参数规定减弱到给定的不透明度。

Call Back函数

Callback 函数在当前动画100% 完成之后执行。

许多jQuery 函数涉及动画。这些函数也许会将speed 或

duration 作为可选参数。

例如：$("p").hide("slow")

speed 或duration 参数可以设置许多不同的值，比如"slow",

"fast", "normal" 或毫秒。

当动画方法完全执行完成后，便会调用call back函数。

例如：

$("p").hide(1000,function(){

alert("The paragraph is now hidden");

});

执行结果：点击按钮，

2秒后，p段落隐藏，

然后弹出提示框。

jQuery事件列表

由于jQuery 是为处理HTML 事件而特别设计的，那么当您

遵循以下原则时，您的代码会更恰当且更易维护：

 把所有jQuery 代码置于事件处理函数中

 把所有事件处理函数置于文档就绪事件处理器中

 把jQuery 代码置于单独的.js 文件中

 如果存在名称冲突，则重命名jQuery 库

其他库