收藏代码,,ie ff都好用,,其他的嘿嘿没试过
var cursorPosition = {get: function (textarea) {
var rangeData = {text: "", start: 0, end: 0 };
if (textareasetSelectionRange) { // W3C
textareafocus();
rangeDatastart= textareaselectionStart;
rangeDataend = textareaselectionEnd;
rangeDatatext = (rangeDatastart != rangeDataend) textareavaluesubstring(rangeDatastart, rangeDataend): "";
} else if (documentselection) { // IE
textareafocus();
var i,
oS = documentselectioncreateRange(),
oR = documentbodycreateTextRange();
oRmoveToElementText(textarea);
rangeDatatext = oStext;
rangeDatabookmark = oSgetBookmark();
for (i = 0; oRcompareEndPoints('StartToStart', oS) < 0 && oSmoveStart("character", -1) !== 0; i ++) {
if (textareavaluecharAt(i) == '\r' ) {
i ++;
}
}
rangeDatastart = i;
rangeDataend = rangeDatatextlength + rangeDatastart;
}
return rangeData;
},
set: function (textarea, rangeData) {
var oR, start, end;
if(!rangeData) {
alert("You must get cursor position first")
}
textareafocus();
if (textareasetSelectionRange) { // W3C
textareasetSelectionRange(rangeDatastart, rangeDataend);
} else if (textareacreateTextRange) { // IE
oR = textareacreateTextRange();
if(textareavaluelength === rangeDatastart) {
oRcollapse(false);
oRselect();
} else {
oRmoveToBookmark(rangeDatabookmark);
oRselect();
}
}
},
add: function (textarea, rangeData, text) {
var oValue, nValue, oR, sR, nStart, nEnd, st;
thisset(textarea, rangeData);
if (textareasetSelectionRange) { // W3C
oValue = textareavalue;
nValue = oValuesubstring(0, rangeDatastart) + text + oValuesubstring(rangeDataend);
nStart = nEnd = rangeDatastart + textlength;
st = textareascrollTop;
textareavalue = nValue;
if(textareascrollTop != st) {
textareascrollTop = st;
}
textareasetSelectionRange(nStart, nEnd);
} else if (textareacreateTextRange) { // IE
sR = documentselectioncreateRange();
sRtext = text;
sRsetEndPoint('StartToEnd', sR);
sRselect();
}
}
}
$('#id')mouseup(function () {
var pos = cursorPositionget($(this)[0]);
alert(!postext'':postext);
});
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('div')text());
$('body')append($('input')val());
3、浏览器运行indexhtml页面,此时通过jquery获取到了div元素中的内容和input标签的值。
<input id='myinputid' class='myinputclass' type='text' value='123'/>
var value = $('#myinputid')val();
var value = $('myinputclass')val();
上面两种方法随你选择,第一个是通过id(绝对唯一),第二个是通过类(不一定唯一,因为一个页面class可以重复出现,只有一个的情况下,这种方法可以用),总是,jquery需要一个充当筛选器的参数筛选你需要的dom,上面的用法和 input 什么的没有关系,是通用的取法,
要选择页面的input type=text的话用:
var objects = $('input[type="text"]')
这个返回的是一个数组,包含页面的所有的输入文本框,并不能取到某一个值
$("#id")val() 根据id取值
$("input")val() 如果只有一个input可以这么取
$(":text")val() 如果只有一个text可以这么取
jquery提供了三个获得内容的方法有 text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid")text(); // 首选。
获取label的文本$("label#userid")html(); // 也可以实现。
获取label标签内的所有html标记,一般情况改下labe。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口,具有高效灵活的css选择器,并且可对CSS选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。
以上就是关于jquery如何获取选择的文本全部的内容,包括:jquery如何获取选择的文本、怎么使用jquery获得标签的值或元素的内容、如何用jquery获得input type=text标签中value的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)