您的位置:首页 > Web前端 > JQuery

JQuery 操作基本控件

2014-03-03 12:44 369 查看
根据控件的样式class获取控件

[javascript] view plaincopy

$(".className")...... //className代表的就是控件的样式

根据控件的ID获取控件

[javascript] view plaincopy

$("#id")......

根据控件的name获取控件

[javascript] view plaincopy

$("input[name='objName']")......

/*$("check[name='objName']")......*/

$("[name=objName]:checkbox")......

$("select[name='objName']")......

遍历一组控件

[javascript] view plaincopy

$(".className").each(function(){

$(this).attr("title","点击维护"); //$(this)拿到当前遍历的对象

});

for(var i=0; i<$(".className").length; i++) {

$(".className:eq("+i+")").attr("title","点击维护");

}

操作控件的CSS样式

[javascript] view plaincopy

$("#objId").css("属性名"); //获取当前对象的CSS属性,如:$("#userName").css("color");返回userName的颜色

$("#objId").css("属性名","值"); //给当前控件设置CSS属性,如:$("#userName").css("color","#FFCCFF");将userName的颜色设置为#FFCCFF

操作控件的普通属性

[javascript] view plaincopy

$("input[name='age']").attr("属性名"); //获取控件的基本属性

$("input[name='age']").attr("属性名","值"); //设置控件的基本属性,如:$("#input[name='age']").attr("size","30");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: