jquery 플러그인 개발 Notes_jquery

오늘 저는 JQ 자체에 이미 이 임시 데이터를 저장할 수 있는 방법이 있다는 것을 발견했습니다.

$("dom").data("mydata","this is data"); ins, we 플러그인에 메소드를 추가해야 하는 경우가 종종 있습니다. 사실 JS 내부에서 메소드를 추가하는 방법을 사용하면 됩니다.

this.myfn=function(){}

소스 텍스트의 일부를 표시하는 이전 플러그인의 코드는 다음과 같습니다.

(CSS 텍스트 오버플로와 유사하지만 이 플러그인의 경우 정확하게 제어하려면 표시할 몇 단어를 제공해야 합니다. 디스플레이 수)

코드 복사 코드는 다음과 같습니다.

/**
* 데모:
* 1.$("#limittext").limittext();
* 2.$("#limittext").limittext({"limit":1});
* 3.$("#limittext").limittext({"limit":1,"fill":"( 免费最合)","fillid":"aaa"});
* 4.$("#limittext").limittext({"limit":1,"fill":"( 免费最合)","fillid":"aaa"}).limit(10); * 5.$("#limittext").limittext({"limit":1,"fill":"( 免费안전)","fillid":"aaa"}).limit('all');
* @param {Object} 선택
* @author Lonely * @link http://liushan.net
*/
jQuery.fn.extend({
limittext:function(opt){
opt=$.extend({
"limit":30,
"fill": "...",
"fillid":null
},opt)
var $this=$(this)
var body=$(this).data('body' );
if(body==null){
body=$this.html()
$(this).data('body',body)
}
.limit=function(limit){
if(body.lengthvar showbody=body
else{
if(opt.fillid= =null)
var showbody=body.substring(0,limit) opt.fill;
else
var showbody=body.substring(0,limit) "" opt.fill "
}
$(this ).html(showbody)
this.limit(opt.limit); >반환
}
});