正文
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");
相关问答
Q1: 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
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
Q2: 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);
});
