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 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
Apr 17 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 Javascript
微信小程序使用echarts获取数据并生成折线图
Oct 16 Javascript
JS实现页面侧边栏效果探究
Jan 08 Javascript
javascript拖曳互换div的位置实现示例
Jun 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 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
php开发环境配置记录
2011/01/14 PHP
PHP生成唯一订单号
2015/07/05 PHP
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
Vue响应式原理详解
2017/04/18 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
servlet面试题
2012/08/20 面试题
银行纠风工作实施方案
2014/06/08 职场文书
排查整治工作方案
2014/06/09 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
信用卡工资证明范本
2014/10/17 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
钳工实训报告总结
2014/11/04 职场文书
百年校庆感言
2015/08/01 职场文书
AJAX实现指定部分页面刷新效果
2021/10/16 Javascript
36个正则表达式(开发效率提高80%)
2021/11/17 Javascript