jQuery操作基本控件方法實例分析
更新時間:2015年12月31日 11:16:50 作者:it_wangxiangpan
這篇文章主要介紹了jQuery操作基本控件方法,結(jié)合實例形式簡單分析了jQuery針對控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下
本文實例講述了jQuery操作基本控件方法。分享給大家供大家參考,具體如下:
1. 根據(jù)控件的樣式class獲取控件
復(fù)制代碼 代碼如下:
$(".className")...... //className代表的就是控件的樣式
2. 根據(jù)控件的ID獲取控件
復(fù)制代碼 代碼如下:
$("#id")......
3. 根據(jù)控件的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("屬性名","值"); //給當前控件設(shè)置CSS屬性,如:$("#userName").css("color","#FFCCFF");將userName的顏色設(shè)置為#FFCCFF
6. 操作控件的普通屬性
$("input[name='age']").attr("屬性名"); //獲取控件的基本屬性
$("input[name='age']").attr("屬性名","值"); //設(shè)置控件的基本屬性,如:$("#input[name='age']").attr("size","30");
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案,需要的朋友可以參考下。2012-01-01
jQuery.ajax向后臺傳遞數(shù)組問題的解決方法
這篇文章主要為大家詳細介紹了jQuery.ajax向后臺傳遞數(shù)組問題的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
jQuery simplePage+AJAX plus分頁插件用法實例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁插件用法,結(jié)合實例形式分析了jQuery基于extend擴展實現(xiàn)分頁插件的具體技巧,需要的朋友可以參考下2016-02-02

