Jquery 效果

  • 1.什么是Jquery?

jQuery是目前使用最廣泛的javascript函數(shù)庫

  • 2.jquery是一個函數(shù)庫,一個js文件,頁面用script標簽引入這個js文件就可以使用。

<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

  • 3.jquery加載
<script type="text/javascript">

$(function(){

 ......

});

</script>

  • 4.綁定click事件
$('#btn1').click(function(){

// 內(nèi)部的this指的是原生對象

// 使用jquery對象用 $(this)

})

  • jquery特殊效果
fadeIn() 淡入

$btn.click(function(){

    $('#div1').fadeIn(1000,'swing',function(){
        alert('done!');
    });

});

fadeOut() 淡出
fadeToggle() 切換淡入淡出
hide() 隱藏元素
show() 顯示元素
toggle() 依次展示或隱藏某個元素
slideDown() 向下展開
slideUp() 向上卷起
slideToggle() 依次展開或卷起某個元素

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • jQuery hide() 和 show() 通過 jQuery,您可以使用 hide() 和 show() 方法...
    convertible閱讀 238評論 0 1
  • 隱藏/顯示jQuery hide()和show(): jQuery toggle(): 淡入淡出fadeIn()、...
    筱南獨舞閱讀 375評論 0 1
  • 1.什么是Jquery? jQuery是目前使用最廣泛的javascript函數(shù)庫 2.jquery是一個函數(shù)庫,...
    姓高名旭升閱讀 392評論 0 0
  • 警告請使用 document.write() 僅僅向文檔輸出寫內(nèi)容。如果在文檔已完成加載后執(zhí)行 document....
    鹿守心畔光閱讀 2,898評論 3 104
  • 通過jQuery,您可以選?。ú樵儯琿uery)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 732評論 0 3

友情鏈接更多精彩內(nèi)容