Home > Developer > Web Develop
;(function ($) {//$ is a jquery object
/ code block /
}) (JQuery);
=====jquery.fn.extend () and jquery.extend () difference =======
JQuery.fn.extend () Encapsulates the object method, as an example
<title>extend:color</title>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<style>
. a{
color:red;
}
</style>
<script type= "Text/javascript" src= ". /.. /scripts/jquery.js "></script>
<script type= "Text/javascript" >
Plugin Authoring
;(function ($) {
JQuery.fn.extend ({
"Color": function (value) {
return this.css ("Color", value);
}
});
}) (JQuery);
//插件应用$(function(){ //查看第一个div的color样式值 alert($("div").color()+"\n返回字符串，证明此插件可用。"); //把所有的div的字体颜色都设为红色 alert( $("div").color("red")+"\n返回object证明得到的是jQuery对象。");})</script>
<body>
<div class= "a" >red</div>
<div style= "Color:blue" >blue</div>
<div style= "Color:green" >green</div>
<div style= "Color:yellow" >yellow</div>
</body>
Jquery.extend ()
Extending a JQuery object, encapsulating a global function, or a selector plug-in, often used to design a list of default parameters for a plug-in, as shown below
var setting = {A:1,b:2,c:3}
var option = {A:9,b:8}
var Newjson = jquery.extend (setting,option);
The result is Newjson = {A:9,b:8,c:3}
Powerful jquery-Custom Plugins
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
