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


Posted in Javascript onDecember 31, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JS 实现双色表格实现代码
Nov 24 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
JavaScript数字和字符串转换示例
Mar 26 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
Aug 03 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 #Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 #Javascript
详解javascript高级定时器
Dec 31 #Javascript
jQuery动画效果相关方法实例分析
Dec 31 #Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 #Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 #Javascript
jQuery语法小结(超实用)
Dec 31 #Javascript
You might like
香妃
2021/03/03 冲泡冲煮
《PHP边学边教》(02.Apache+PHP环境配置――下篇)
2006/12/13 PHP
PHP写UltraEdit插件脚本实现方法
2011/12/26 PHP
如何使用PHP计算上一个月的今天
2013/05/23 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
form中限制文本字节数js代码
2007/06/10 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
2012/01/04 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
Linux开机引导的步骤是什么
2015/10/19 面试题
俄语专业毕业生推荐信
2013/10/28 职场文书
总经理驾驶员岗位职责
2013/12/04 职场文书
乔迁之喜主持词
2014/03/27 职场文书
防火标语大全
2014/10/06 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书