jQuery $.fn 方法扩展~

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery $.fn 方法扩展~相关的知识,希望对你有一定的参考价值。

//以下代码紧跟在引进的jquery.js代码后面

<script type="Text/javascript">

$(function (){

//扩展myName方法 此方法为默认选中字符串中从 start 到 end 类似:#这是话题#  效果

$.fn.myName( function(start, end){

    var txtStr= $(this).get(0);

    if(txtStr==null) { return;}

 

    else if (txtStr.setSelectionRange){

      txtStr.focus();

      txtStr.createTextRange(start, end);

      }

    else if(txtStr.createTextRange){

    var txt = txtStr.createTextRange();

    txt.collapse(true);

    txt.moveEnd(‘character‘,end);

    txt.moveStart(‘character‘,start);

    txt.select();

            }

    else if (txtStr. selectionStart){

    txtStr.selectionStart=start;

    txtStr.selectionEnd=end;

    }

  })

})

</script>

————以上代码为jquery扩展————

————以下为使用扩展方法————

$(#id).click(function(){

  //以下意思是给id为id 的文本框赋值“#请输入话题#”且选定“请输入话题”即:#请输入话题#效果

  $(#id).val(‘#请输入话题#‘)myName(1,6);//从1开始到第六个(不包括第6个)

})

 

以上是关于jQuery $.fn 方法扩展~的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件扩展方法

Jquery扩展方法

jQuery中$.fn

jquery 之$.fn的用法示例

jQuery $.fn 方法扩展~

jQuery扩展