jquery选中的文本,jquery选择元素的格式

jquery 选中文本框 jquery 文本框样式 jquery 改变样式

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

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：空间域名、网络空间、营销软件、网站建设、承德网站维护、网站推广。

Jquery可以根据标签名、id、类等很多方式选取元素。

ID选择器

# 选取带有唯一的指定 id 的元素。id 引用 HTML 元素的 id 属性。相同的 id 值只能在文档中使用一次。

类选择器

. 选择器选取带有指定 class 的元素。class 引用 HTML 元素的 class 属性。与 id 选择器不同，class 选择器常用于多个元素。这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式

标签名选择器

element 选择器选取带有指定标签名的元素。标签名引用 HTML 标签的 与 之间的文本。

如题根据文本框的样式选择标签，我们可以通过以下代码实现。

\\比如文本框的class="text1",则通过类选择器选取。即：

$(".text1")

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

例如如修改文本框的class="text1"的样式我们可以通过Css方法这样实现：

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

也可通过直接给该元素新增一个样式达到修改效果：

\*我们有一个text2的样式*\

.text2{

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

}

\\然后我们直接添加这个class

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

\\如担心之前已有样式和新增样式冲突，我们可以在添加的同时移除新样式。

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

jQuery实现select下拉框获取当前选中文本、值、索引

话不多说，请看代码：

//直接保存后缀.htnl用谷歌浏览器打开，亲测有效

head

script

src=""/script

script

$(function(){

//为Select添加事件，当选择其中一项时触发

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

//code

});

//获取Select选中的Text:结果是由所有匹配元素包含的文本内容组合起来的文本

var

checkText

=

$("select:eq(0)

:selected").text();//建议用这个简单

=

$("select:eq(0)

option:selected").tetx();

=

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

=

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

//如果多选，将返回一个数组，其包含所选的值。

var

checkValue

=

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

//获取Select选中匹配元素的当前值,即[即使多选也只]取得第一个匹配元素的val内容

var

checkValue

=

$("select:eq(0)

:selected").val();//=========强烈建议用这个，以防多选

//获取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设置Select选择的

Text和Value:

//

设置Select的Value值为4的项选中

$("#select_id

").val(4);

//用这个

$("#select_id

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

true);

$("#select_id

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

true);

//设置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设定下拉框可以多选，size设定下拉框不呈现下拉方式，--

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

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);

});