老师解释一下,有丶晕
来源:5-4 首页.UI组件-UiTab
ZZZZZzn
2020-06-15 13:14:51
// ui-search 定义
$.fn.UiSearch =function(){
var ui = $(this);
debugger;
// 给医院绑定点击事件,点击后出现下列表
$('.ui-search-selected',ui).on('click',function(){
$('.ui-search-selected-list').show();
// 防止冒泡
return false;
});
//给下列表项里的每一项绑定事件,点击后,医院的内容改变成被点击的内容
$('.ui-search-selected-list a',ui).on('click',function(){
$('.ui-search-selected').text($(this).text());
$('.ui-search-selected-list').hide();
return false;
});
//当点击后,再点击其他的地方将列表收起来
$('body').on('click',function(){
$('.ui-search-selected-list').hide();
})
}
// ui-tab处理\
// @param{string} header TAB组件,的所有item
// @param{string} header TAB组件,的内容区域所有item
$.fn.UiTab=function(header,content){
var ui = $(this);
var tabs= $(header,ui);
var cons = $(content,ui);
tabs.on('click')
}
//页面的脚本逻辑
$(function(){
$('.ui-search').UiSearch();
});
这里面的
$(function(){
$('.ui-search').UiSearch();
});
是什么意思啊
3回答
好帮手慕星星
2020-06-15
同学你好,问题解答如下:
1、$.fn 可以不和js中的 var类比,和前面js面向对象中学习过的构造函数类比,在函数原型上添加方法和属性,就可以调用。
2、不是在ui-search这个类的范围内去调用函数,只是这一个jquery对象去调用函数
祝学习愉快!
好帮手慕星星
2020-06-15
同学你好,.ui-search是class类,可以看一下元素
$('.ui-search')获取到对应的jquery对象。
祝学习愉快!
好帮手慕星星
2020-06-15
同学你好,问题解答如下:
$.fn等于jQuery.fn 等于 jQuery.prototype,$.fn.UiSearch =function(){}也就是在jquery原型上扩展了UiSearch 方法,所以jQuery对象可以调用扩展的方法。
祝学习愉快!
相似问题