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 相关文章推荐
JavaScript 编程引入命名空间的方法与代码
Aug 13 Javascript
javascript 学习之旅 (2)
Feb 05 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
JavaScript中的操作符==与===介绍
Dec 31 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
理解javascript中DOM事件
Dec 25 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
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屏蔽关键字实现方法
2016/11/17 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
2014/04/12 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
web.py在模板中输出美元符号的方法
2014/08/26 Python
Django权限机制实现代码详解
2018/02/05 Python
python数据封装json格式数据
2018/03/04 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
关于python多重赋值的小问题
2019/04/17 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
给我一面国旗 python帮你实现
2019/09/30 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
联想墨西哥官方网站:Lenovo墨西哥
2016/08/17 全球购物
项目经理聘任书
2014/03/29 职场文书
村党建工作汇报材料
2014/11/02 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
三八节活动简报
2015/07/20 职场文书
家访教师心得体会
2016/01/23 职场文书