JQuery（DOM操作）

一、操作属性

（一）获得属性值： 属性值 = attr(属性名)

var s = $("#<%=Button1.ClientID%>").attr("type");

（二）添加或修改属性值：attr("属性名","属性值")

$("#Button1").attr("disabled","disabled");

（三）移除属性：removeAttr("属性名")

$("#Button1").removeAttr("disabled");

二、操作样式

（一）直接操作内联样式性

1、获得样式:css("样式属性名")

$("#Button1").css("font-style");　　

2、设置样式:css("样式属性名","样式属性值")

$("#Button1").css("font-style","italic");

（二）操作class选择器

1、添加class:addClass("class名")

$("#Button1").addClass("bb");

2、移除class:removeClass("class名")

$("#Button1").removeClass("bb");

3、切换class:toogleClass("class名")

$("#Button1").toggleClass("bb");

三、操作内容

（一）表单元素

1、赋值：val("值")

$("#TextBox1").val("这是用代码赋进来的值");

2、取值：val()

 

var s = $("#TextBox1").val();

（二）非表单元素

1、赋值：html("值"),text("值")

2、取值：html(),text()

var s = $("#dd").html();
var s = $("#dd").text();

四、操作元素

（一）元素本身操作

1、创建元素

2、添加插入元素

3、复制替换元素

4、删除元素

（二）相关元素获取

1、获取兄弟元素

a、获取前面的兄弟元素：prev(),prevAll(选择器)

b、获取后面的兄弟元素：next(),nextAll(选择器)

2、获取父级元素：parent(),parents(选择器)

3、获取子级元素

a、直接子级所有子元素：children(选择器)

$("#tb tr:eq(1)").children().css("background-color","red");

 

b、后代中找指定的元素：find(选择器)