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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
JS request函数 用来获取url参数
May 17 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
May 17 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
jQuery对象与DOM对象转换方法详解
May 10 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
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
超级简单的发送邮件程序
2006/10/09 PHP
用PHP实现多服务器共享SESSION数据的方法
2007/03/16 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
php使用百度天气接口示例
2014/04/22 PHP
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
Javascript学习笔记 delete运算符
2011/09/13 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
CSS3 3D 技术手把手教你玩转
2016/09/02 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
原生js实现无缝轮播图
2020/01/11 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
[02:25]DOTA2英雄基础教程 熊战士
2014/01/03 DOTA
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
基于numpy中数组元素的切片复制方法
2018/11/15 Python
使用selenium模拟登录解决滑块验证问题的实现
2019/05/10 Python
python绘制地震散点图
2019/06/18 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
python中的yield from语法快速学习
2020/11/06 Python
Servlet的生命周期
2013/08/25 面试题
培训演讲稿范文
2014/01/12 职场文书
苏州园林导游词
2015/02/03 职场文书
学校运动会开幕词
2016/03/03 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
MySQL学习之基础命令实操总结
2022/03/19 MySQL
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫