jQuery扩展与noConflict
来源:互联网 发布:淘宝蓝字海外直供 编辑:程序博客网 时间:2024/05/21 16:41
jQuery扩展与noConflict
扩展性很强是jQuery又一大优势,我们可以扩展定制自己需要的任何功能。
l jQuery扩展【加出属于自己的功能】
方式一:
ExtendsIndex.html
首先在适当文字引入自己扩展的js文件
<script type="text/javascript"src="myjQuery.js"></script>
ExtendsIndex.js
$(document).ready(function(){}
$.myjq(); //这样一调用就可以了
);
myjQuery.js【扩展文件】
$.myjq=function(){
alert("Hello,myjQuery");
}
方式二【更常见】:
ExtendsIndex.html
首先在适当文字引入自己扩展的js文件
<script type="text/javascript"src="myjQuery.js"></script>
文档中创建一个div
<div></div>
ExtendsIndex.js
$(document).ready(function(){}
$("div").myjq(); //这样一调用就可以了
);
myjQuery.js【扩展文件】
$.fn.myjq=function(){
$(this).text("Hello");
}
l noConflict【解决“$”的冲突】
noConflict.html
<div>Hello</div>
<button id="btn">按钮</button>
noConflict.js
$.noConflict();
jQuery(document).ready(function(){
jQuery("#btn").on("click",function(){
jQuery("div").text("newHello");
});
});
或者用一个对象替换
var myjq=$.noConflict();
myjq(document).ready(function(){
myjq("#btn").on("click",function(){
myjq("div").text("newHello");
});
});
- jQuery扩展与noConflict
- JQuery的扩展与noConflict
- jQuery的扩展与noConflict小结
- jQuery基础----24jQuery扩展-noConflict
- jQuery.noConflict()
- jquery.noConflict()
- jQuery.noConflict();
- jquery noConflict()
- jQuery.noConflict()
- jQuery.noConflict()
- jQuery.noConflict()
- jQuery noConflict()
- JQuery教程详解之五AJAX与noConflict()
- jQuery 核心 - noConflict() 方法
- jQuery - noConflict() 方法
- jquery noConflict()方法分析
- jQuery noConflict() 方法
- jQuery.noConflict() 函数详解
- Codevs_P1173 最优贸易(SPFA)
- 无限分类
- Android添加快捷方式(CutShort)到手机桌面
- 机器视觉开源代码集合
- 周记——20151214
- jQuery扩展与noConflict
- leetcode:119 Pascal's Triangle II-每日编程第二十五题
- VC++获取当前系统时间日期 GetSystemTime()函数的用法
- More Effective C++ 第三部分 异常
- 从innodb中恢复数据
- 【凯子哥带你夯实应用层】新手必备的常用代码片段整理(一)
- Valid Sudoku
- Android学习之BroadcastReceiver
- mysql导入sql文件