3月26日

课堂笔记

包裹节点

可以用wrap()方法将某个节点用其他标记包裹起来。 $('strong').wrap('<b></b>');

wrapAll()方法
该方法会将所有匹配的元素用一个元素来包裹。$('strong').wrapAll('<b></b>');

wrapInner()方法

该方法将每一个匹配的子元素（包括文本节点）用其他结构化的标记包裹起来。$('strong').wrapInner('<b></b>');

1.获取和设置样式

我们一般在用 class 属性添加样式，因此可以用attr()方法来完成。

$("p").attr("class")
$("p").attr("class","high");

2.追加样式

jQuery 提供了addClass()方法来追加样式。

$("p").addClass("another");

3.移除样式

相对应的，使用removeClass()方法来删除 class 的某个值，他的作用是从匹配的的元素中删除全部或指定的 class 。

//删除所有样式
$("p").removeClass();
//删除指定样式
$("p").removeClass("high");

4.切换样式

jQuery 提供了toggleClass()方法控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。

$("p").toggleClass("another");

5.判断是否含有某个样式

hasClass()可以用来判断元素中是否含有某个 class 。

$("p").hasClass("another")；

html()方法

此方法类似于javascript中的innerHTML属性，可以用来读取和设置元素中的HTML内容

text()方法

text()方法类似于javascript中的innerText属性，可以用来读取或设置元素中的文本内容

val()方法

此方法类似于javascript中的value属性，可以用来设置和获取元素的值。

bind()方法

结构：bind(事件类型，回调函数)；

<input type="button" value="点我">

$('input[type=button]').bind('click',function(){
			lg('hello world');
		});

on()方法

on()方法结构和使用与bind()没有任何区别。

新版本的jQuery里面都是使用on()方法，bind()方法已经不再使用了。

<input type="button" value="点我">

$('input[type=button]').bind('click',function(){
			lg('hello world');
		});

 show() 方法和 hide() 方法

• 调用hide()方法会将元素的display样式改为' none '。
• show()方法将元素的display样式设置为先前的显示状态。
• show()方法和hide()方法的参数可以指定毫秒值，缓慢的隐藏和展示。

fadeIn()和fadeOut()方法

fadeIn()和fadeOut()方法只改变元素的不透明度。

fadeOut()方法会在指定的一段时间内降低元素的不透明度，直到元素完全消失（display:none）

animate()方法

可以使用animate()方法来自定义动画。
结构：animate(params,speed,callback)