模擬實現select元件功能

最近有個頁面需要用到select，ui給定了特定的樣式，但是瀏覽器預設select的樣式改不了，所以自己模擬實現乙個

頁面結構

<

div 
class
="buildselect timeselect"
>
<
div 
class
="sel_show"
id="timetext"
>
div>
<
div 
class
="text"
><
span
>按預設時間
span
><
i class
="fa fa-angle-down"
>
i>
div>
<
ul class
="selectlist"
>
<
li data-type
="px_time"
data-code
="">按預設時間
li>
<
li data-type
="px_time"
data-code
="1"
>時間正序
li>
<
li data-type
="px_time"
data-code
="0"
>時間倒序
li>
ul>
div>

思路：1、因為要實現的功能是點選select框，列表出現，再點選框或者其他區域列表隱藏。

2、所以需要在select框上在定位乙個透明的div作為顯示列表的按鈕。即div#timetext

3、

/*

*     * 右側篩選欄點選select彈出公共事件
*/function
select_cli_down(obj));
}/**
* 點選其他區域select收起公共事件
*/function
select_cli_up(obj)
//點選的不是div或其子元素   
$('#'+obj).siblings('.text').removeclass('on_cli')
.find('i').addclass('fa-angle-down').removeclass('fa-angle-up');
$('#'+obj).siblings('.selectlist').slideup(100);
$('#'+obj).show();
});}

//自定義select樣式

.buildselect.text}
//點選時新增class
.on_cli}
.selectlistli:hover}
}

模擬實現instanceof的功能 js

typeof是用來判斷資料型別的，就乙個引數 使用方式像這樣 typeof num,就是判斷num是什麼型別 typeof 一般只能返回如下幾個結果 number string boolean object function 和 undefined 著重看這幾個 物件，陣列 都是引用型別 使用typ...

模擬實現Spring IOC

通過在類上標註 registration 註冊進容器，injection從容器注入物件 容器類 public class springcontainer else bean.setbeanclass c mappropsmap new hashmap 處理注入屬性 field props c.get...

模擬實現strcmp

函式簡介 原型 int strcmp const char s1,const char s2 所在標頭檔案 string.h 功能 比較字串s1和s2。一般形式 strcmp 字串1，字串2 說明 當s1注意不是 1 當s1 s2時，返回值 0 當s1 s2時，返回正數 注意不是1 如下 int m...