+function ($) {
 'use strict';

 // ALERT CLASS DEFINITION
 // ======================

 var dismiss = '[data-dismiss="alert"]'
 var Alert = function (el) {
 $(el).on('click', dismiss, this.close)
 }

 Alert.VERSION = '3.3.7'

 Alert.TRANSITION_DURATION = 150

 Alert.prototype.close = function (e) {
 var $this = $(this)
 var selector = $this.attr('data-target')

 if (!selector) {
 selector = $this.attr('href')
 selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
 }

 var $parent = $(selector === '#' ? [] : selector)

 if (e) e.preventDefault()

 if (!$parent.length) {
 $parent = $this.closest('.alert')
 }

 $parent.trigger(e = $.Event('close.bs.alert'))

 if (e.isDefaultPrevented()) return

 $parent.removeClass('in')

 function removeElement() {
 // detach from parent, fire event then clean up data
 $parent.detach().trigger('closed.bs.alert').remove()
 }

 $.support.transition && $parent.hasClass('fade') ?
 $parent
 .one('bsTransitionEnd', removeElement)
 .emulateTransitionEnd(Alert.TRANSITION_DURATION) :
 removeElement()
 }


 // ALERT PLUGIN DEFINITION
 // =======================

 function Plugin(option) {
 return this.each(function () {
 var $this = $(this)
 var data = $this.data('bs.alert')

 if (!data) $this.data('bs.alert', (data = new Alert(this)))
 if (typeof option == 'string') data[option].call($this)
 })
 }

 var old = $.fn.alert

 $.fn.alert  = Plugin
 $.fn.alert.Constructor = Alert


 // ALERT NO CONFLICT
 // =================

 $.fn.alert.noConflict = function () {
 $.fn.alert = old
 return this
 }


 // ALERT DATA-API
 // ==============

 $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)

}(jQuery);

//通過(guò)將作用域內(nèi)的Alert類賦值給jQuery的alert對(duì)象的Constructor屬性，在IIFE作用域外也可以使用Alert類,比如這行代碼
var Alert = $.fn.alert.Constructor 

<div class="alert">
 <button type="button" class="close" data-dismiss="alert"></button>
 <strong>警告!</strong>你輸入的項(xiàng)目不合法！
</div>

//例子：下拉菜單.html
<div class="btn-group">
 <button type="button" class="btn btn-default" data-toggle="dropdown">
 我的書(shū)籍<span class="caret"></span>
 </button>
 <ul class="dropdown-menu">
 <li><a href="#">編程</a></li>
 <li><a href="#">設(shè)計(jì)</a></li>
 <li><a href="#">深入</a></li>
 </ul>
</div>

+function($){
 "use strict";

}(window.jQuery);

var dismiss = '[data-dismiss="alert"]';
var Alert = function(el) {
 //傳入元素，如果元素內(nèi)部有dismiss上設(shè)置的自定義屬性，則click事件會(huì)觸發(fā)原型上的close方法
 $(el).on('click',dismiss,this.close);
};
Alert.prototype.close = function(e) {

}

function Plugin(option) {
 return this.each(function () {
 var $this = $(this)
 //獲取存儲(chǔ)的Alert對(duì)象，如果是第一次執(zhí)行變量data的值為undefined 
 var data = $this.data('bs.alert')
 //緩存沒(méi)有，就new一個(gè)alert對(duì)象，存儲(chǔ)在元素的jQuery對(duì)象上的‘bs.alert'數(shù)據(jù)字段
 if (!data) $this.data('bs.alert', (data = new Alert(this)))
 //支持傳入方法名參數(shù)，執(zhí)行該方法,這里就是data.close()
 if (typeof option == 'string') data[option].call($this)
 })
}
//jQuery插件的定義使用了標(biāo)準(zhǔn)的方式，在fn上進(jìn)行擴(kuò)展,在jQuery上定義alert插件
//保留其他插件的$.fn.alert代碼(如果定義)以便在noConflict之后，可以繼續(xù)使用改舊代碼
//先備份之前插件的舊代碼，以便在后面防沖突的時(shí)候使用
var old = $.fn.alert

$.fn.alert  = Plugin
//在附加擴(kuò)展之后，重新設(shè)置插件的構(gòu)造器(即Constructor屬性)，這樣就可以通過(guò)Constructor屬性查詢到插件的真實(shí)類函數(shù)，使用new操作符實(shí)例化的時(shí)候也不會(huì)出錯(cuò)
//js區(qū)分大小寫，所以這里的Constructor只是一個(gè)普通屬性，跟constructor不同，通過(guò)將作用域內(nèi)的Alert類賦值給jQuery的alert對(duì)象的Constructor屬性，在IIFE作用域外也可以使用Alert類
$.fn.alert.Constructor = Alert

$.fn.alert.noConflict = function() {
 //恢復(fù)以前的代碼
 $.fn.alert = old
 //將$.fn.alert.noConflict()設(shè)置為BootStrap的alert插件
 return this
}

/*
ALERT DATA-API
這段JavaScript代碼將click委托事件監(jiān)聽(tīng)器綁定在document元素上，并給click事件賦予命名空間
jQuery將事件綁定在document文檔對(duì)象上的好處，就是js事件代理的優(yōu)點(diǎn)
 */
$(document).on('click.bs.alert.data-api',dismiss,Alert.prototype.close)

$('.item').on('click', doThisCoolThing); 
$('.item').on('click', doThisOtherCoolThing); 
$('.item').trigger('click'); // 兩個(gè)click事件都觸發(fā) 
$('.item').off('click'); // 兩個(gè)click事件都解綁  

$('.item').on('click.navigate', doThisCoolThing); 
$('.item').on('click.notify', doThisOtherCoolThing); 
$('.item').trigger('click.navigate'); // 只有帶有navigate這個(gè)命名空間的方法才會(huì)觸發(fā) 
$('.item').off('click.notify'); // 只有帶有notify這個(gè)命名空間的方法才會(huì)解綁  

$('.item').on('click.navigate.notify', doThisCoolThing); 
$('.item').trigger('click.navigate'); // 將觸發(fā)click事件 
$('.item').off('click.notify'); // 將解綁click事件 

$("#myModal").modal();
$("#myModal").modal({keyboard:false});
$("#myModal").modal('show');

//命名空間為data-api的全部事件禁用
$(document).off('.data-api');
//禁用特定插件的默認(rèn)行為，禁用該插件所在命名空間下事件即可
$(document).off('.alert.data-api');
//禁用該alert插件的click事件
$(document).off('click.alert.data-api');