jQuery操作基本控件方法實(shí)例分析

更新時(shí)間：2015年12月31日 11:16:50 作者：it_wangxiangpan

這篇文章主要介紹了jQuery操作基本控件方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery針對(duì)控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下

本文實(shí)例講述了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","點(diǎn)擊維護(hù)"); //$(this)拿到當(dāng)前遍歷的對(duì)象
});
for(var i=0; i<$(".className").length; i++) {
 $(".className:eq("+i+")").attr("title","點(diǎn)擊維護(hù)");
}

5. 操作控件的CSS樣式

$("#objId").css("屬性名"); //獲取當(dāng)前對(duì)象的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");

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

div中文字內(nèi)容溢出常見(jiàn)的解決方法
本文主要介紹了div中文字內(nèi)容溢出常見(jiàn)的解決方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
jQuery實(shí)現(xiàn)用戶(hù)信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶(hù)信息表格的添加和刪除功能,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-09-09
jquery animate 動(dòng)畫(huà)效果使用說(shuō)明
jquery animate 動(dòng)畫(huà)效果使用說(shuō)明，需要的朋友可以參考下。
2009-11-11
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案，需要的朋友可以參考下。
2012-01-01
jQuery中removeProp()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeProp()方法用法,實(shí)例分析了removeProp()方法的功能、定義及刪除由prop()方法設(shè)置的屬性時(shí)的使用技巧,需要的朋友可以參考下
2015-01-01
封裝了jQuery的Ajax請(qǐng)求全局配置
這篇文章主要介紹了封裝了jQuery的Ajax請(qǐng)求全局配置的相關(guān)資料,需要的朋友可以參考下
2015-02-02
jQuery實(shí)現(xiàn)移動(dòng) 和漸變特效的點(diǎn)擊事件
這里給大家分享的是一則使用jQuery實(shí)現(xiàn)移動(dòng)和漸變特效的點(diǎn)擊事件效果，非常簡(jiǎn)單實(shí)用，這里推薦給大家。
2015-02-02
jQuery.ajax向后臺(tái)傳遞數(shù)組問(wèn)題的解決方法
這篇文章主要為大家詳細(xì)介紹了jQuery.ajax向后臺(tái)傳遞數(shù)組問(wèn)題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
初窺JQuery(二) 事件機(jī)制(1)
JQuery的事件處理機(jī)制在JQuery框架中起著重要的左右，它就像電視機(jī)的開(kāi)關(guān)，我們打開(kāi)電視機(jī)的開(kāi)關(guān)才能看到各個(gè)電視臺(tái)精彩的節(jié)目，那么我們使用JQuery的事件處理機(jī)制就可以創(chuàng)造我們自定義的行為，比如說(shuō)提交、改變樣式、效果顯示等等，使我們的網(wǎng)頁(yè)更加豐富。
2010-11-11
jQuery simplePage+AJAX plus分頁(yè)插件用法實(shí)例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁(yè)插件用法,結(jié)合實(shí)例形式分析了jQuery基于extend擴(kuò)展實(shí)現(xiàn)分頁(yè)插件的具體技巧,需要的朋友可以參考下
2016-02-02