在頁面操作過程當中,有可能引入多個外部js文件,
很有可能自己寫的js文件裏的變量名或者函數名有可能是使用
此時可以通過:
$.noConflict()
var xy=$.noConflict();或者用jquery來對$對象進行釋放控制權。
插件1,jQuery之家—純js帶彈性動畫的手風琴圖片相冊特效。
插件2,仿旅遊網站側邊欄菜單特效
自己做簡單插件: $.fn.
//固定語法。
$.fn.changeBackgroundColor=function (color) {
$(".cls").css("backgroundColor",color);
};
$(function () {
/*點擊每個按鈕改變每個背景顏色。
找到每個按鈕:$("input[type=button]").click(function (){})*/
//$(".cls").changeBackgroundColor($(this).val());
$(".btn").click(function () {
// $(".cls").css("backgroundColor", $(this).val());
changeBackgroundColor($(this).val())
});
});
//封裝該插件:
function changeBackgroundColor(color) {
$(".cls").css("backgroundColor",color);
}
jQui:
jq官方網站:pligins列表:下載各種版本的插件。
ui→jQuery UI Selectable→下載→最下方下載→全文件複製