jquery如何获取选择的文本

jquery如何获取选择的文本,第1张

收藏代码,,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的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10136692.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存