-
$(function () { $("#jqzoom").jqzoom({ //綁定圖片放大插件jqzoom zoomWidth: 250, //小圖片所選區(qū)域的寬 zoomHeight: 250, //小圖片所選區(qū)域的高 zoomType: 'reverse' //設(shè)置放大鏡的類型 }); }); 圖片放大鏡插件:$("linkimage")jqzoom({options})查看全部
-
hover()方法的功能是當鼠標移到所選元素上時,執(zhí)行方法中的第一個函數(shù),鼠標移出時,執(zhí)行方法中的第二個函數(shù),實現(xiàn)事件的切實效果,調(diào)用格式如下: $(selector).hover(over,out); over參數(shù)為移到所選元素上觸發(fā)的函數(shù),out參數(shù)為移出元素時觸發(fā)的函數(shù)查看全部
-
圖片燈箱插件---$("linkimage").lightBox({ options }) 該插件可以用圓角的方式展示選擇中的圖片,使用按鈕查看上下張圖片,在加載圖片時自帶進度條,還能以自動播放的方式瀏覽圖片。 調(diào)用格式如下:$(linkimage).lightBox({options}) 其中l(wèi)inkimage參數(shù)為包含圖片的<a>元素名稱,options為插件方法的配置對象。查看全部
-
bind()方法綁定元素的事件非常方便,綁定前,需要知道被綁定的元素名,綁定的事件名稱,事件中執(zhí)行的函數(shù)內(nèi)容就可以,它的綁定格式如下: $(selector).bind(event,[data] function) 參數(shù)event為事件名稱,多個事件名稱用空格隔開 $("#btntest").bind("click mouseout", function () √ $("#btntest").bind("click" "mouseout", function () × function為事件執(zhí)行的函數(shù)。查看全部
-
頁面加載時觸發(fā)ready()事件: ready()事件類似于onLoad()事件,但前者只要頁面的DOM結(jié)構(gòu)加載后便觸發(fā),而后者必須在頁面全部元素加載成功才觸發(fā),ready()可以寫多個,按順序執(zhí)行。此外,下列寫法是相等的: $(document).ready(function(){})等價于$(function(){});查看全部
-
remove()方法刪除所選元素本身和子元素,該方法可以通過添加過濾參數(shù)指定需要刪除的某些元素 empty()方法則只刪除所選元素的子元素。查看全部
-
wrap()和wrapInner()方法都可以進行元素的包裹,但前者用于包裹元素本身,后者則用于包裹元素中的內(nèi)容,它們的調(diào)用格式分別為: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 參數(shù)selector為被包裹的元素,wrapper參數(shù)為包裹元素的格式。[比如粗體,斜體啊,又或者是一個帶有不一樣樣式的div]查看全部
-
替換內(nèi)容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 參數(shù)selector為被替換的元素,content為替換的內(nèi)容。 $(".green").replaceWith($html); $($html).replaceAll(".green"); 注意:replaceWith()和replaceAll()不同查看全部
-
調(diào)用stop()方法停止當前所有動畫效果 stop()方法的功能是在動畫完成之前,停止當前正在執(zhí)行的動畫效果,這些效果包括滑動、淡入淡出和自定義的動畫,它的調(diào)用格式為: $(selector).stop([clearQueue],[goToEnd]) 其中,兩個可選項參數(shù)clearQueue和goToEnd都是布爾類型值,前者表示是否停止正在執(zhí)行的動畫,后者表示是否完成正在執(zhí)行的動畫,默認為false。查看全部
-
var $html = "<span class='red'>兄弟。</span>" $(".green").after($html);注意括號內(nèi)的變量是不需要加引號的 總結(jié):只有元素和原有的標簽要加引號,其他的比如自定義的變量和函數(shù)都不需要加引號。查看全部
-
調(diào)用animate()方法制作移動位置的動畫 調(diào)用animate()方法不僅可以制作簡單漸漸變大的動畫效果,而且還能制作移動位置的動畫,在移動位置之前,必須將被移元素的“position”屬性值設(shè)為“absolute”或“relative”,否則,該元素移動不了。查看全部
-
append()中添加的可以是字符、Html元素標記和一個返回字符串內(nèi)容的函數(shù)。 返回函數(shù)時,只要在括號中寫入函數(shù)名就可以了,不需要加引號。查看全部
-
調(diào)用animate()方法制作簡單的動畫效果 調(diào)用animate()方法可以創(chuàng)建自定義動畫效果,它的調(diào)用格式為: $(selector).animate({params},speed,[callback]) 其中,params參數(shù)為制作動畫效果的CSS屬性名與值,speed參數(shù)為動畫的效果的速度,單位為毫秒,可選項callback參數(shù)為動畫完成時執(zhí)行的回調(diào)函數(shù)名。查看全部
-
$("#content").css({"background-color":"red","color":"white"}); 等價于在style.css里面先設(shè)置一個樣式為.red{background-color:Red;color:White;} 然后選擇$("#content").addClass("red");同理查看全部
-
如果指定的是當前的元素,則不用空格,如果是子元素,則需要加上空格表示后代選擇器。查看全部
舉報
0/150
提交
取消