jQuery插件开发模式

蔚落 2022-06-16 12:27 290阅读 0赞

<!DOCTYPE html >

< html  lang= "en" >

< head >

< meta  charset= "UTF-8" >

< meta  name= "viewport"  content= "width=device-width, initial-scale=1.0" >

< meta  http-equiv= "X-UA-Compatible"  content= "ie=edge" >

< title >Document </ title >

< script src= "jquery-1.11.1.min.js" ></ script >

</ head >

< body >

< div  id= "myDiv" >This is a Params JQuery! </ div >

< script >

/\*

方法列表：

1、jQquery.extend(Object); 是对jQuery类的自定义扩展

2、jQuery.fn.exten(Object)；是对jQuery对象的自定义扩展\*/

jQuery. fn. test = function()\{

alert( '这是jquery对象方法!');

\}

jQuery( 'div'). click( function()\{

$( this). test()

\})

jQuery. fn. extend(\{

test: function()\{

return this. each( function()\{

alert( this. nodeName)

\});

\}

\});

jQuery( 'body \*'). click( function()\{

$( this). test()

\})

/\*优选\*/

( function( $)\{

$. fn. hilight= function( options)\{

var defaults=\{

foreground: 'red',

background: 'yellow'

\};

var opts = $. extend( defaults, options);

$( this). css( 'background-color', opts. background);

$( this). css( 'color', opts. foreground);

\};

\})( jQuery)

$( '\#myDiv'). hilight(\{ foreground: 'blue', background: 'red'\})

</ script >

</ body >

</ html >

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery插件开发详细

jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQue

偏执的太偏执、/ 2022年08月02日 09:38/ 0 赞/ 177 阅读

相关 jQuery插件开发模式

要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头

╰+攻爆jí腚メ/ 2022年08月02日 09:38/ 0 赞/ 191 阅读

相关 jQuery插件开发

jQuery插件开发方式主要有三种： 1、通过$.extend()来扩展jQuery 2、通过$.fn 向jQuery添加新的方法 3、通过$.widget

ゞ浴缸里的玫瑰/ 2022年07月14日 00:28/ 0 赞/ 350 阅读

相关 jQuery插件开发

jQuery开发插件很简单。 jquery.fn是jQuery对象的原型对象，如果给该对象添加一个函数，该函数会成为一个jQuery的方法。例子如下： j

淩亂°似流年/ 2022年07月03日 15:24/ 0 赞/ 343 阅读

相关 jQuery插件开发模式

<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < meta na

蔚落/ 2022年06月16日 12:27/ 0 赞/ 291 阅读

相关学习jQuery插件开发

前端开发免不了使用形形色色的插件，读过用过还是不够深刻，一直想拿出时间专门理一理开发插件的大体思路，终于落实了规则就像是文化，各行各业中都有约定俗称的办事套路，jQuery

红太狼/ 2022年06月16日 06:24/ 0 赞/ 303 阅读

相关 jQuery插件开发结构

1，开始可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字： jQuery.fn.myPlugin = functi

喜欢ヅ旅行/ 2022年06月01日 13:08/ 0 赞/ 319 阅读

相关 jQuery插件开发(转)

jQuery插件开发全解析 jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuer

r囧r小猫/ 2021年12月01日 15:38/ 0 赞/ 483 阅读

相关 jQuery插件开发模式(转)

说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等...

系统管理员/ 2021年04月06日 13:59/ 0 赞/ 635 阅读

相关 jQuery 插件开发教程

jQuery 插件开发教程扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。

红太狼/ 2020年06月03日 13:45/ 0 赞/ 1083 阅读