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)拿到當(dāng)前遍歷的對象 }); for(var i=0; i<$(".className").length; i++) { $(".className:eq("+i+")").attr("title","點擊維護"); }
5. 操作控件的CSS樣式
$("#objId").css("屬性名"); //獲取當(dāng)前對象的CSS屬性,如:$("#userName").css("color");返回userName的顏色 $("#objId").css("屬性名","值"); //給當(dāng)前控件設(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第一天(Jquery學(xué)習(xí)筆記)
之前一直學(xué)習(xí),現(xiàn)在終于有時間來整理一下文檔了。以下文章都是自己學(xué)習(xí)Jquery 的筆記,希望能留下痕跡,也希望能幫助到您2012-05-05基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
之前用javascript做個計數(shù)器,從網(wǎng)上搜了搜,找不到合適的,就想著用jquery自己做一個2010-08-08