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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
找到一点可怜的关于dojo资料,谢谢作者!
Dec 06 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
jQuery实现的AJAX简单弹出层效果代码
Nov 26 Javascript
js自定义回调函数
Dec 13 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
ng-events类似ionic中Events的angular全局事件
Sep 05 Javascript
如何在Vue中抽离接口配置文件
Oct 31 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使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
form中限制文本字节数js代码
2007/06/10 Javascript
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
2019/09/06 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
Python中的自定义函数学习笔记
2014/09/23 Python
python编程开发之textwrap文本样式处理技巧
2015/11/13 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
Python paramiko模块的使用示例
2018/04/11 Python
python re模块的高级用法详解
2018/06/06 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
django的csrf实现过程详解
2019/07/26 Python
Python3读写ini配置文件的示例
2020/11/06 Python
365 Tickets英国:全球景点门票
2019/07/06 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
高三历史教学反思
2014/01/09 职场文书
教师党员一句话承诺
2014/03/28 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
委托书的写法
2014/08/30 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
销售员态度差检讨书
2014/10/26 职场文书
开会通知
2015/04/20 职场文书
2016应届毕业生自荐信范文
2016/01/28 职场文书
高中语文教学反思范文
2016/02/16 职场文书
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript