jQuery去掉字符串起始和結(jié)尾的空格(多種方法實(shí)現(xiàn))
更新時(shí)間：2013年04月01日 16:34:43 作者：
去掉字符串起始和結(jié)尾的空格在實(shí)際應(yīng)用中時(shí)很常見的的功能，本教程以多種方法為大家介紹下去掉空格的方法，感興趣的朋友可以參考下哈
去掉字符串起始和結(jié)尾的空格。
jQuery 代碼:
$.trim(" hello, how are you? ");
jquery 循環(huán)讀取checkbox值
復(fù)制代碼 代碼如下:
$("input[type=checkbox][checked]").each(function(){ //由于復(fù)選框一般選中的是多個(gè),所以可以循環(huán)輸出
alert($(this).val());
});
$("#A").val("1") id為A的值就是1了 jQuery中都這樣，賦值的時(shí)候作為參數(shù)傳給函數(shù)，和單純的js有區(qū)別，
像$("#A").html("1")$("#A").text("1") 都是賦值 $("#A").html() $("#A").text() 都是取值，取html，
取text文本
方法一：
$('#id').css('display','none');
$('#id').css('display','block');
方法二：
$('#id').hide();
$('#id').show();
radio 按鈕組, name=”sex”.
<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>
1. 獲取radio選中的value.
$('input:radio[name=sex]:checked').val();
2. 選擇 radio 按鈕 (Male).
$('input:radio[name=sex]:nth(0)').attr('checked',true);
或者
$('input:radio[name=sex]')[0].checked = true;
3. 選擇 radio 按鈕 (Female).
$('input:radio[name=sex]:nth(1)').attr('checked',true);
或者
$('input:radio[name=sex]')[1].checked = true;
4. 選擇 radio 按鈕 (Unknown).
$('input:radio[name=sex]:nth(2)').attr('checked',true);
或者
$('input:radio[name=sex]')[2].checked = true;
5. 重置 radio 按鈕.
$('input:radio[name=sex]').attr('checked',false);
jQuery 代碼:
復(fù)制代碼 代碼如下:
$.trim(" hello, how are you? ");
jquery 循環(huán)讀取checkbox值
復(fù)制代碼 代碼如下:
復(fù)制代碼 代碼如下:
$("input[type=checkbox][checked]").each(function(){ //由于復(fù)選框一般選中的是多個(gè),所以可以循環(huán)輸出
alert($(this).val());
});
$("#A").val("1") id為A的值就是1了 jQuery中都這樣，賦值的時(shí)候作為參數(shù)傳給函數(shù)，和單純的js有區(qū)別，
像$("#A").html("1")$("#A").text("1") 都是賦值 $("#A").html() $("#A").text() 都是取值，取html，
取text文本
方法一：
復(fù)制代碼 代碼如下:
$('#id').css('display','none');
$('#id').css('display','block');
方法二：
復(fù)制代碼 代碼如下:
$('#id').hide();
$('#id').show();
radio 按鈕組, name=”sex”.
復(fù)制代碼 代碼如下:
<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>
1. 獲取radio選中的value.
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]:checked').val();
2. 選擇 radio 按鈕 (Male).
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]:nth(0)').attr('checked',true);
或者
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]')[0].checked = true;
3. 選擇 radio 按鈕 (Female).
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]:nth(1)').attr('checked',true);
或者
$('input:radio[name=sex]')[1].checked = true;
4. 選擇 radio 按鈕 (Unknown).
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]:nth(2)').attr('checked',true);
或者
$('input:radio[name=sex]')[2].checked = true;
5. 重置 radio 按鈕.
復(fù)制代碼 代碼如下:
$('input:radio[name=sex]').attr('checked',false);
相關(guān)文章
jQuery打印指定區(qū)域Html頁(yè)面并自動(dòng)分頁(yè)
項(xiàng)目中需要用到打印HTML頁(yè)面，需要指定區(qū)域打印，使用jquery.PrintArea.js 插件實(shí)現(xiàn)分頁(yè),需要的朋友可以參考下2014-07-07
jquery多行滾動(dòng)/向左或向上滾動(dòng)/響應(yīng)鼠標(biāo)實(shí)現(xiàn)思路及代碼
多行滾動(dòng)jQuery循環(huán)新聞列表代碼包括以下功能:鼠標(biāo)滑上焦點(diǎn)圖時(shí)停止自動(dòng)播放/滑出時(shí)開始自動(dòng)播放以及判斷執(zhí)行橫向或縱向滾動(dòng),感興趣的朋友可以了解下哦2013-01-01
DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)?lái)一篇DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
這篇文章主要介紹了jQuery中mouseover事件用法,以實(shí)例形式分析了mouseover事件處理鼠標(biāo)指針滑過(guò)時(shí)的使用技巧,需要的朋友可以參考下2014-12-12
jQuery操作復(fù)選框(CheckBox)的取值賦值實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery操作復(fù)選框(CheckBox)的取值賦值實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01
鼠標(biāo)經(jīng)過(guò)出現(xiàn)氣泡框的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇鼠標(biāo)經(jīng)過(guò)出現(xiàn)氣泡框的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
jQuery插件FusionCharts繪制的2D雙面積圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的2D雙面積圖效果,結(jié)合實(shí)例形式分析了jQuery使用插件FusionCharts結(jié)合xml格式數(shù)據(jù)繪制2D雙面積圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
使用CDN和AJAX加速WordPress中jQuery的加載
這篇文章主要介紹了使用CDN和AJAX加速WordPress中jQuery的加載的方法,注意一下WordPress中以及CDN的Google連接在內(nèi)地的網(wǎng)絡(luò)問(wèn)題,需要的朋友可以參考下2015-12-12
本文對(duì)AngularJS中的JSONP實(shí)例解析。需要的朋友可以參考下2016-12-12
14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件-前端開發(fā)必備
最近沒項(xiàng)目做，在網(wǎng)上看到很多網(wǎng)頁(yè)特效，非常漂亮，于是就整理了14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件，有助于在項(xiàng)目需求中用到，前端開發(fā)必備，大家都來(lái)學(xué)習(xí)下吧2015-08-08