Jquery操作css
Css()方法设置或返回被选元素的一个或多个样式属性。
返回css属性
如需返回指定的css属性的值,使用语法:
$(selector).css(“background-color”)
设置css属性添加第二个参数
$(selector).css(“background-color”,”value”)
jq操作class
Addclass()
Addclass()方法向被选中元素添加一个或者多个类名。
不会移除已存在的class属性,仅添加。
$(selector).addclass(classname).
例:
$(“li:last”).addclass(“show”)
Removeclass()
移除元素
$(“li:last”).removeclass(“show”)
Hasclass()
判断被选元素是否包含这个类名:
Alert($(“li:first”))
节点操作
Append()
Append()方法在被选元素的结尾插入指定内容
Prepend()在开天头插入内容
Appendto()把子元素添加到父元素的末尾。
Prependto()把子元素添加到父元素的开头。
$(“ul”).prepend(“<li>xxxxx</li>”);
$(“<li>xxxxx</li>”).prependto(“ul”);
After()被选元素之后
如需在被选元素之前添加before()
$(“li:last”).after(“<li>xxxxx</li>”)
Jq删除元素
Remove()、empty()
$(“ul”).remove();
Remove()不仅移除节点,还移除事件,empty()不移除事件;
替换节点:
Replacewith()替换成新的内容
Replaceall()替换成新的html元素
Jq复制节点
Clone()
事件:
鼠标事件:
Click()单击
Dblclick()双击
Mouseover()鼠标移入
Mouseout()鼠标移出
Hove()鼠标移上
键盘事件:
Keydown()按下
Keyup()屏幕显示
Keypress()按键回弹
表单事件:
获得焦点的时候会
Bind绑定事件:
不支持动态事件绑定。