jquery 選中文本框 jquery 文本框樣式 jquery 改變樣式

首先需要獲取到文本框元素，然后通過Jquerycss操作方法修改樣式。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：空間域名、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、承德網(wǎng)站維護(hù)、網(wǎng)站推廣。

Jquery可以根據(jù)標(biāo)簽名、id、類等很多方式選取元素。

ID選擇器

# 選取帶有唯一的指定 id 的元素。id 引用 HTML 元素的 id 屬性。相同的 id 值只能在文檔中使用一次。

類選擇器

. 選擇器選取帶有指定 class 的元素。class 引用 HTML 元素的 class 屬性。與 id 選擇器不同，class 選擇器常用于多個元素。這樣就可以為帶有相同 class 的任何 HTML 元素設(shè)置特定的樣式

標(biāo)簽名選擇器

element 選擇器選取帶有指定標(biāo)簽名的元素。標(biāo)簽名引用 HTML 標(biāo)簽的 與 之間的文本。

如題根據(jù)文本框的樣式選擇標(biāo)簽，我們可以通過以下代碼實現(xiàn)。

\\比如文本框的class="text1",則通過類選擇器選取。即：

$(".text1")

Jquery修改樣式的方法有css，addClass,removeClass等方法.

例如如修改文本框的class="text1"的樣式我們可以通過Css方法這樣實現(xiàn)：

$(".text1").css({width:"70px",height:"20px",border:"1px?solide?gray"});

也可通過直接給該元素新增一個樣式達(dá)到修改效果：

\*我們有一個text2的樣式*\

.text2{

width:70px；height:20px；border:1px?solide?gray；

}

\\然后我們直接添加這個class

$(".text1").addClass("text2");

\\如擔(dān)心之前已有樣式和新增樣式?jīng)_突，我們可以在添加的同時移除新樣式。

$(".text1").addClass("text2").removeClass("text1");

jQuery實現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引

話不多說，請看代碼：

//直接保存后綴.htnl用谷歌瀏覽器打開，親測有效

head

script

src=""/script

script

$(function(){

//為Select添加事件，當(dāng)選擇其中一項時觸發(fā)

$("select:eq(0)").change(function(){

//code

});

//獲取Select選中的Text:結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本

var

checkText

=

$("select:eq(0)

:selected").text();//建議用這個簡單

=

$("select:eq(0)

option:selected").tetx();

=

$("#One").find(":selected").text();

=

$("#One").find("option:selected").text();

//如果多選，將返回一個數(shù)組，其包含所選的值。

var

checkValue

=

$("#select_id").val();

//獲取Select選中匹配元素的當(dāng)前值,即[即使多選也只]取得第一個匹配元素的val內(nèi)容

var

checkValue

=

$("select:eq(0)

:selected").val();//=========強(qiáng)烈建議用這個，以防多選

//獲取Select選中的索引值

var

checkIndex

=

$("#select_id

").get(0).selectedIndex;

//獲取Select最大的索引值

var

maxIndex

=

$("#select_id

:last").prop("index");

//建議用這個

=

$("#select_id

option:last").prop("index");

=

$("select:eq(0)").find(":last").prop("index")

=

$("select:eq(0)").find("option:last").prop("index")

//=========================================================================================

//jQuery設(shè)置Select選擇的

Text和Value:

//

設(shè)置Select的Value值為4的項選中

$("#select_id

").val(4);

//用這個

$("#select_id

[value='4']").prop("selected",

true);

$("#select_id

option[value='4']").prop("selected",

true);

//設(shè)置select中的第一個option被選中

$("select

:first").prop("selected",

true);//這個

$("select

:first").prop("selected",

'selected');

$("select

option:first").prop("selected",

"true");

$("select

option:first").prop("selected",

"selected");

//============================================================================================

//jQuery添加/刪除Select的Option項

$("#select_id").append("option

value='Value'Text/option");

//為Select末尾追加一個Option(下拉項)

$("#select_id").prepend("option

value='0'請選擇/option");

//為Select首部插入一個Option(第一個位置)

$("#select_id

:last").remove();

//刪除Select中索引值最大Option(最后一個)

$("#select_id

:fist").remove();

//刪除Select中索引值最小為0Option(第一個)

$("#select_id

[value='3']").remove();

//刪除Select中Value='3'的Option

});

/script

/head

table

tr

td

!--multiple設(shè)定下拉框可以多選，size設(shè)定下拉框不呈現(xiàn)下拉方式，--

select

size="12"

id="One"

multiple="multiple"

option

value='1'蘋果/option

option

value="2"香蕉/option

option

value="3"草莓/option

option

value="4"橘子/option

/select

/td

td

input

type="button"

value=""br

input

type="button"

value=" "br

input

type="button"

value=" "br

input

type="button"

value=""br

/td

td

select

size="12"

id="two"

multiple="multiple"

option

value="5"葡萄/option

/select

/td

td

input

type="button"

value=" up "brbr

input

type="button"

value="down"br

/td

/tr

/table

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

jquery如何獲取選擇的文本

收藏代碼,,ie ff都好用,,其他的嘿嘿沒試過

var?cursorPosition?=?{

get:?function?(textarea)?{

var?rangeData?=?{text:?"",?start:?0,?end:?0?};

if?(textarea.setSelectionRange)?{?//?W3C???

textarea.focus();

rangeData.start=?textarea.selectionStart;

rangeData.end?=?textarea.selectionEnd;

rangeData.text?=?(rangeData.start?!=?rangeData.end)???textarea.value.substring(rangeData.start,?rangeData.end):?"";

}?else?if?(document.selection)?{?//?IE

textarea.focus();

var?i,

oS?=?document.selection.createRange(),

oR?=?document.body.createTextRange();

oR.moveToElementText(textarea);

rangeData.text?=?oS.text;

rangeData.bookmark?=?oS.getBookmark();

for?(i?=?0;?oR.compareEndPoints('StartToStart',?oS)??0??oS.moveStart("character",?-1)?!==?0;?i?++)?{

if?(textarea.value.charAt(i)?==?'\r'?)?{

i?++;

}

}

rangeData.start?=?i;

rangeData.end?=?rangeData.text.length?+?rangeData.start;

}

return?rangeData;

},

set:?function?(textarea,?rangeData)?{

var?oR,?start,?end;

if(!rangeData)?{

alert("You?must?get?cursor?position?first.")

}

textarea.focus();

if?(textarea.setSelectionRange)?{?//?W3C

textarea.setSelectionRange(rangeData.start,?rangeData.end);

}?else?if?(textarea.createTextRange)?{?//?IE

oR?=?textarea.createTextRange();

if(textarea.value.length?===?rangeData.start)?{

oR.collapse(false);

oR.select();

}?else?{

oR.moveToBookmark(rangeData.bookmark);

oR.select();

}

}

},

add:?function?(textarea,?rangeData,?text)?{

var?oValue,?nValue,?oR,?sR,?nStart,?nEnd,?st;

this.set(textarea,?rangeData);

if?(textarea.setSelectionRange)?{?//?W3C

oValue?=?textarea.value;

nValue?=?oValue.substring(0,?rangeData.start)?+?text?+?oValue.substring(rangeData.end);

nStart?=?nEnd?=?rangeData.start?+?text.length;

st?=?textarea.scrollTop;

textarea.value?=?nValue;

if(textarea.scrollTop?!=?st)?{

textarea.scrollTop?=?st;

}

textarea.setSelectionRange(nStart,?nEnd);

}?else?if?(textarea.createTextRange)?{?//?IE

sR?=?document.selection.createRange();

sR.text?=?text;

sR.setEndPoint('StartToEnd',?sR);

sR.select();

}

}

}

$('#id').mouseup(function?()?{

var?pos?=?cursorPosition.get($(this)[0]);

alert(!pos.text?'':pos.text);

});

分享文章：jquery選中的文本,jquery選擇元素的格式
網(wǎng)頁路徑：http://chinadenli.net/article33/dsecjps.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、面包屑導(dǎo)航、云服務(wù)器、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)