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");
[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");
相关文章推荐
- jQuery Html控件基本操作(日常收集整理)
- JQuery 操作基本控件
- jQuery Html控件基本操作(日常收集整理)
- jQuery操作基本控件方法实例分析
- JQuery对基本Html控件的操作TextBox、Select、Radio、CheckBox
- jQuery之基本Html控件操作
- jQuery操作基本控件方法实例分析
- JQuery对基本Html控件的操作
- JQuery对基本Html控件的操作TextBox、Select、Radio、CheckBox .
- Jquery 表单取值赋值的一些基本操作
- jquery下操作HTML控件的实现代码
- jquery下拉select控件操作方法分享(jquery操作select)
- Jquery操作对控件的取值、赋值
- jquery一款点击图标伸缩式显示操作区的控件
- jquery基本操作笔记
- ListView 控件写的基本操作
- jquery,html标签及ajax基本操作[基础]
- JQuery 基本操作
- 窗体中控件的基本操作
- JQuery 给基本控件的取值,赋值