jQuery操作基本控件方法实例分析

前端技术 2023/08/31 JavaScript

本文实例讲述了jQuery操作基本控件方法。分享给大家供大家参考，具体如下：

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

复制代码 代码如下:
$(\".className\")...... //className代表的就是控件的样式

2. 根据控件的ID获取控件

复制代码 代码如下:
$(\"#id\")......

3. 根据控件的name获取控件

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

4. 遍历一组控件

$(\".className\").each(function(){
  $(this).attr(\"title\",\"点击维护\"); //$(this)拿到当前遍历的对象
});
for(var i=0; i<$(\".className\").length; i++) {
 $(\".className:eq(\"+i+\")\").attr(\"title\",\"点击维护\");
}

5. 操作控件的CSS样式

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

6. 操作控件的普通属性

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

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/1140

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案