jquery常规操作

1.样式的操作 .css()

$(selector).css(“color”,”red”) 第一个表示属性名 第二个为属性值

设置多个采用{}里面包含多个属性，

{“color”:”red”,”font-size”:”10px”}

获取样式属性

$(selector).css(“color”)

2.类的操作

$(selector).addclass(“active”) 添加一个classname为active

removeclass() 删除一个classname，不指定表示删除所有

hasclass（）查询是否包含某个classname

toggleclass() 如果包含某个classname则删除，否则添加

3.影藏和显示

$(selector).show(2000)； 2000ms 2秒钟显示完毕

也可以使用slow normal fast 分别表示 600ms 400ms 200ms

hide 表示隐藏 和show方法一样

4.滑入滑出效果

$(selector)。slideDown(speed，callback) 滑入

$(selector)。slideUp(speed，callback) 滑出

5.淡入淡出效果

$(selector).fadeIn(speed, callback);

$(selector).fadeOut(1000);

6.节点操作

// $()函数的另外一个作用：动态创建元素

var $spanNode = $(“我是一个span元素”);

var node = $(“#box”).html（“

我是li

”）；

添加元素

// 在$(selector)中追加$node

$(selector).append($node);

// 在$(selector)中追加div元素，参数为htmlString

$(selector).append(‘

’);

html创建元素

// 动态创建元素

$(selector).html(‘11111’);

// 获取html内容

$(selector).html();

// 清空指定元素的所有子元素（光杆司令）

// 没有参数

$(selector).empty();

属性操作

// 第一个参数表示：要设置的属性名称

// 第二个参数表示：改属性名称对应的值

$(selector).attr(“title”, “11111”);

// 参数为：要获取的属性的名称，改操作会返回指定属性对应的值

$(selector).attr(“title”);

// 参数为：要移除的属性的名称

$(selector).removeAttr(“title”);

注意：checked、selected、disabled要使用.prop()方法。

// 获取匹配元素的值，只匹配第一个元素

$(selector).val();

// 设置所有匹配到的元素的值

$(selector).val(“具体值”);

//获取操作不带参数（注意：这时候会把所有匹配到的元素内容拼接为一个字符串，不同于其他获取操作！）

$(selector).text();

//设置操作带参数，参数表示要设置的文本内容

$(selector).text(“我是内容”);