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 相关文章推荐
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
JS类的封装及实现代码
Dec 02 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 Javascript
Bootstrap响应式表格详解
May 23 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
微信小程序之onLaunch与onload异步问题详解
Mar 28 Javascript
JavaScript实现轮播图特效
Apr 10 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 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
php 保留字列表
2012/10/04 PHP
解析如何屏蔽php中的phpinfo()函数
2013/06/06 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
深入研究React中setState源码
2017/11/17 Javascript
关于react中组件通信的几种方式详解
2017/12/10 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
[02:05:03]完美世界DOTA2联赛循环赛 LBZS VS Matador BO2 10.28
2020/10/28 DOTA
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
夜大自我鉴定
2013/10/31 职场文书
物理专业大学生职业生涯规划书
2014/02/07 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
街道务虚会发言材料
2014/10/20 职场文书
2014年文员工作总结
2014/11/18 职场文书
文艺晚会开场白
2015/05/29 职场文书
生日宴会祝酒词
2015/08/10 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
商业计划书之服装
2019/09/09 职场文书
详解 TypeScript 枚举类型
2021/11/02 Javascript
python读取mat文件生成h5文件的实现
2022/07/15 Python
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript