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 focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 Javascript
Raphael带文本标签可拖动的图形实现代码
Feb 20 Javascript
js闭包的用途详解
Nov 09 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
Angular directive递归实现目录树结构代码实例
May 05 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
vue两组件间值传递 $router.push实现方法
May 15 Javascript
js实现坦克移动小游戏
Oct 28 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遍历目录viewDir函数
2009/12/15 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
纯php生成随机密码
2015/10/30 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
python切换hosts文件代码示例
2013/12/31 Python
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
Python enumerate() 函数如何实现索引功能
2020/06/29 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
公司办公室岗位职责
2014/03/19 职场文书
请假条范文大全
2014/04/10 职场文书
跳蚤市场口号
2014/06/13 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2015年组织部工作总结
2015/04/03 职场文书
为什么代码规范要求SQL语句不要过多的join
2021/06/23 MySQL
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js