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 表单取值赋值的一些基本操作
Oct 11 Javascript
jQuery Tools Dateinput使用介绍
Jul 14 Javascript
自定义jQuery选项卡插件实例
Mar 27 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
Jan 26 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
bootstrap Table服务端处理分页(后台是.net)
Oct 19 Javascript
AJAX学习笔记
May 18 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实现将GB编码转换为UTF8
2006/11/25 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
初识JQuery 实例一(first)
2011/03/16 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
办公室文员岗位职责范本
2014/06/12 职场文书
异地年检委托书范本
2014/09/24 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书
python字符串常规操作大全
2021/05/02 Python
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers