JQuery 操作基本控件

最新推荐文章于 2021-12-15 14:56:04 发布

it_wangxiangpan

最新推荐文章于 2021-12-15 14:56:04 发布

阅读量7.4k

点赞数

分类专栏： JQuery 文章标签： jquery input css function class

本文链接：https://blog.csdn.net/it_wangxiangpan/article/details/7080366

版权

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

根据控件的样式class获取控件

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

根据控件的ID获取控件
```
$("#id")......
```

根据控件的name获取控件

$("input[name='objName']")......
/*$("check[name='objName']")......*/   
$("[name=objName]:checkbox")......
$("select[name='objName']")......

遍历一组控件

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



for(var i=0; i<$(".className").length; i++) {
  $(".className:eq("+i+")").attr("title","点击维护");
}

操作控件的CSS样式

$("#objId").css("属性名");     //获取当前对象的CSS属性，如：$("#userName").css("color");返回userName的颜色
$("#objId").css("属性名","值");    //给当前控件设置CSS属性，如：$("#userName").css("color","#FFCCFF");将userName的颜色设置为#FFCCFF

操作控件的普通属性

$("input[name='age']").attr("属性名");        //获取控件的基本属性 
$("input[name='age']").attr("属性名","值");   //设置控件的基本属性，如：$("#input[name='age']").attr("size","30");