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 相关文章推荐
简单的Jquery遮罩层代码实例
Nov 14 Javascript
jquery常用特效方法使用示例
Apr 25 Javascript
ie8模式下click无反应点击option无反应的解决方法
Oct 11 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
基于three.js实现的3D粒子动效实例代码
Apr 09 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
vue使用swiper实现左右滑动切换图片
Oct 16 Javascript
CocosCreator如何实现划过的位置显示纹理
Apr 14 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
中东人咖啡哲学
2021/03/03 咖啡文化
PHP数据缓存技术
2007/02/14 PHP
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
PHP删除非空目录的函数代码小结
2013/02/28 PHP
如何设置mysql允许外网访问
2013/06/04 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
Yii2中datetime类的使用
2016/12/17 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
Mootools 1.2教程 函数
2009/09/15 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
2014/02/04 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
Python基于二分查找实现求整数平方根的方法
2016/05/12 Python
python实现银联支付和支付宝支付接入
2019/05/07 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
python用requests实现http请求代码实例
2019/10/31 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
母亲节感恩活动记录
2014/03/16 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
立项申请报告范本
2015/05/15 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
详解MySQL中的主键与事务
2021/05/27 MySQL
详解Laravel服务容器的优势
2021/05/29 PHP
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android