老师解释一下,有丶晕

来源: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对象去调用函数

祝学习愉快!

1

好帮手慕星星

2020-06-15

同学你好,.ui-search是class类,可以看一下元素

http://img.mukewang.com/climg/5ee723ac09a90e5b14270518.jpg

$('.ui-search')获取到对应的jquery对象。

祝学习愉快!

1
hZZZZzn
h 这句话是不是意思在ui-search这个类的范围内去调用UiSearch这个函数?
h020-06-15
共1条回复

好帮手慕星星

2020-06-15

同学你好,问题解答如下:

$.fn等于jQuery.fn 等于 jQuery.prototype,$.fn.UiSearch =function(){}也就是在jquery原型上扩展了UiSearch 方法,所以jQuery对象可以调用扩展的方法。

http://img.mukewang.com/climg/5ee712fc091467cb04120115.jpg

http://img.mukewang.com/climg/5ee7130e09fb57ff04620118.jpg

祝学习愉快!

0
hZZZZzn
h $.fn 是不是类似js中的 var的作用,老师,我可以这样理解吗
h020-06-15
共2条回复

0 学习 · 14456 问题

查看课程