一、设置元素样式
①添加、删除css类别
$("div").addClass("myClass1 myClass2");
$("div").removeClass("myClass1");
② 类别间动态切换
$(function(){
$(''p").click(function(){
$(this).toggleClass("hihglight");//点击时不断切换
})
})
说明：toggleClass只能设置一种Class不能设置多个。
●直接获取、设置样式
$("p").mouseover(function(){
$(this).css("color","red");
})
$("P")mouseout(function(){
$("p").css("color","black");
})
某个元素中是否含有某个css类别，返回为布尔型
$("li:last").hasClass("myClass");
●直接获取、编辑内容
html(text)
text(content)
$("p").click(function(){
var sHtmlStr=$(this).html();
$(this).text(sHtmlStr);
})
●移动和复制元素
$("P").append("<b>直接添加</b>");// 给所有p标记添加一段html代码作为子元素
$("P:eq(1)").append($("a:eq(1)"));//第二个P后面添加第二个a作为它的子元素
$("img:eq(1)").appendTo("p:eq(0)");
$("P:eq(1)").after($("a:eq(1)"));// 第二个p后面添加第二个a
●删除元素
$("p:contains(‘大’)").remove();
$("p").empty();//清除p里面的内容
处里表单里面的值
val()
val(text)
●绑定事件监听
bild
one方法 绑定事件触发一次后自动删除
$("P").unbild("click");移除绑定
●交替
见demo
●鼠标感应
见demo