jQuery操作基本控件方法实例分析
更新时间：2015年12月31日 11:16:50 作者：it_wangxiangpan
这篇文章主要介绍了jQuery操作基本控件方法,结合实例形式简单分析了jQuery针对控件的样式,ID获取,遍历及属性操作等常用技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要介绍了使用jquery动态加载js文件的方法,需要的朋友可以参考下2014-12-12
为了将Web的结构层和表现层、行为层彻底分离，就不应该在HTML标签上直接定义样式或事件等。这意味着要想设置页面中的某个元素，就需要先把这个元素选择出来，选择器正是解决这个问题的技术2012-09-09
这篇文章主要介绍了jQuery中find()方法用法,实例分析了find()方法的功能、定义及获取匹配元素后代元素的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jquery实现图片上传之前预览的方法,涉及jquery针对图片及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
本来不想写成ＪＱ的插件的，不过貌似不用ＪＱ的话，引用起来没有这么方便。以前也写过一些小小的ＪＳ方法，但是写ＪＱ插件是第一次2011-11-11
下面小编就为大家带来一篇Query常用DIV操作获取和设置长度宽度的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
下面小编就为大家带来一篇Jquery on绑定的事件 触发多次实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
这篇文章主要介绍了jquery+css实现绚丽的横向二级下拉菜单-附源码下载,需要的朋友可以参考下2015-08-08
jquery实现图片翻页效果,大家可以使用下面的方法2013-12-12
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制的基本折线图效果,结合实例形式分析了jQuery基于HighCharts插件绘制图形的具体实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
最新评论