jQuery操作元素属性

/* 读取属性---获取第一个input标签的name属性的属性值 */
$(document).ready(function(){
$("#cId").click(function (){
alert($("input").attr("name"));
});
});

/* 修改属性---修改第2个input标签的文本值为test */
$(document).ready(function(){
$("#cId2").click(function (){
$("input:eq(4)").attr("value","test");
});
});

/* 添加属性---为第3个input标签添加id属性，属性值为其name*/
$(document).ready(function(){
$("#cId3").click(function(){
$("input:eq(4)").attr("id",function(){return this.name;});
});
});

/* 删除属性---删除最后一个input标签的value属性的属性值*/
$(document).ready(function(){
$("#cId4").click(function(){
$("input:last").removeAttr("value");
});
});

/* 添加样式---为最后一个元素添加样式 */
$(document).ready(function(){
$("#tjys").click(function(){
$("input:last").addClass("ss");
});
});

/* 删除样式---为最后一个元素删除样式 */
$(document).ready(function(){
$("#scys").click(function(){
$("input:last").removeClass("ss");
});
});

/* 交换样式---第一次单击添加样式，第二单击删除样式 */
$(document).ready(function(){
$("#jhys").click(function(){
$("input:last").toggleClass("ss");
});
});