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模拟实现Array的sort方法
Dec 11 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 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 mkdir()定义和用法
2009/01/14 PHP
PHP $_FILES函数详解
2011/03/09 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
python提示No module named images的解决方法
2014/09/29 Python
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
用python实现对比两张图片的不同
2018/02/05 Python
Python的互斥锁与信号量详解
2019/09/12 Python
python 实现线程之间的通信示例
2020/02/14 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
护士的岗位职责
2013/12/04 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
学校证明范文
2015/06/24 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
婚宴来宾致辞
2015/07/28 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python