jQuery插件开发模式

蔚落 2022-06-16 12:27 227阅读 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 条评论，227人围观）

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

相关阅读

相关 jQuery插件开发模式

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

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

相关 jQuery插件开发

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

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

相关 jQuery插件开发

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

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

相关 jQuery插件开发模式

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

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

相关 jQuery简单插件开发

jQuery简单插件开发 jQuery有非常强大的扩展性，开发者可以简单的使用jQuery开发自己的插件运用于应用中。jQuery可以理解为一个强大的JavaScript

逃离我推掉我的手/ 2022年06月13日 11:09/ 0 赞/ 275 阅读

相关 jQuery插件开发详解

> 进行`jQuery`插件开发前，首先要知道两个问题：什么是`jQuery`插件？`jQuery`插件如何使用？ > > 第一个问题，`jQuery`插件就是用来扩展`jQ

水深无声/ 2022年06月07日 05:43/ 0 赞/ 239 阅读

相关 jQuery插件开发(转)

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

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

相关 jQuery插件开发教程

[jQuery插件开发精品教程，让你的jQuery提升一个台阶][jQuery_jQuery] 要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开

淩亂°似流年/ 2021年09月16日 23:12/ 0 赞/ 508 阅读

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

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

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

相关 jQuery 插件开发教程

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

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