最简单的jQuery插件
2016-06-16 12:21
417 查看
<script src="./jquery-1.7.1.min.js"></script>
<script>
;(function($,undefined)
{
/*也可以用 $.fn.extend()方法
$.fn.extend({
cbacba:function()
{
console.log($(this).attr('id')+' clicked! val是:');
}
});
*/
$.fn.abcabc=function()
{
console.log($(this).val());
};
})(jQuery);
$(document).ready(function(){
$('#b1').on('click',function()
{
$('#t1').abcabc();
});
});
</script>
<input type="text" id="t1" value="123"/>
<button id="b1" >click</button>
<script>
;(function($,undefined)
{
/*也可以用 $.fn.extend()方法
$.fn.extend({
cbacba:function()
{
console.log($(this).attr('id')+' clicked! val是:');
}
});
*/
$.fn.abcabc=function()
{
console.log($(this).val());
};
})(jQuery);
$(document).ready(function(){
$('#b1').on('click',function()
{
$('#t1').abcabc();
});
});
</script>
<input type="text" id="t1" value="123"/>
<button id="b1" >click</button>
相关文章推荐
- jQuery的层级查找方式分析
- jQuery slideToggle() 方法 多个div怎么写
- JQuery常用方法一览
- 自己写的jQuery实现下拉列表,有事件冒泡,带有比较详细的注释
- jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
- DataType vs ContentType in jquery ajax [duplicate] 数据类型
- jquery 插件写法
- jquery datatable插件使用分享
- HighCharts入门
- jQuery插件实现文件上传功能(支持拖拽)
- jQuery插件实现图片轮播特效
- Jquery 页面元素动态添加后绑定事件丢失方法,非 live
- jquerymobile和Phonegap 搭建跨平台开发环境
- jQuery获取剪贴板内容的方法
- jquery延迟加载插件
- JQ拖曳效果
- jQuery如何设置复选按钮选中,求解
- Python实现类似jQuery使用中的链式调用的示例
- jquery easyui datagrid 的选中、选择
- Jquery里live事件移除原因