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 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
快速掌握Node.js模块封装及使用
Mar 21 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
JS常见错误(Error)及处理方案详解
Jul 02 Javascript
vue中watch和computed的区别与使用方法
Aug 23 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中比较简单的导入phpmyadmin生成的sql文件的方法
2011/06/28 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
Python做文本按行去重的实现方法
2016/10/19 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
django自带调试服务器的使用详解
2019/08/29 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
string = null 和string = ''的区别
2013/04/28 面试题
超市开店计划书
2014/04/26 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python