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 12 Javascript
jquery如何通过name名称获取当前name的value值
Dec 20 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
Mar 07 Javascript
Vue数据绑定简析小结
May 07 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
js实现盒子移动动画效果
Aug 09 Javascript
vue-model实现简易计算器
Aug 17 Javascript
ES6中的类(Class)示例详解
Dec 09 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的分页功能
2007/03/21 PHP
thinkphp中session和cookie无效的解决方法
2014/12/19 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
2016/01/13 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
Python 列表(List)操作方法详解
2014/03/11 Python
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
将python代码和注释分离的方法
2018/04/21 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
python中取绝对值简单方法总结
2020/07/24 Python
html5利用canvas绘画二级树形结构图的示例
2017/09/27 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
三年级音乐教学反思
2014/01/28 职场文书
电力安全事故反思
2014/04/27 职场文书
股东授权委托书范文
2014/09/13 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
服务承诺书
2015/01/19 职场文书
利用Python判断你的密码难度等级
2021/06/02 Python