全部課程
發(fā)布時間: 2018-08-17 09:15:23
?一.代碼風格
jQuery語法:
基礎(chǔ)語法:
$(selector ).action();
//$:美元符號用來定義jQuery
//選擇符(selector) “查詢”和“查找”HTML元素
//jQuery的action()執(zhí)行對元素的操作
例如:
$(this).hide()
//隱藏當前元素
$(‘p’).hide() //隱藏p元素
在jQuery程序中,$就是jQuery的一個簡寫形式,例如:
$(function() {}); //執(zhí)行一個匿名函數(shù)
$(‘#box’); //進行執(zhí)行的ID元素選擇
$(‘#box’).css(‘color’,‘red’); //執(zhí)行功能函數(shù),為#box添加行間樣式
上面的三段代碼也可以寫成如下形式:
jQuery(function() {}); // jQuery與$是相等、恒等的
jQuery(‘#box’);
jQuery(‘#box’).css(‘color’,‘red’);
jQuery注釋:單行使用“//...”,多行使用“/* ... */”。
//$('#box').css('color','red');
二.加載模式
之前的代碼一直在使用$(function () {});這段代碼進行首尾包裹,那么為什么必須要包裹這段代碼呢?原因是我們jQuery庫文件是在body元素之前加載的,必須等待所有的DOM元素加載后,延遲支持DOM操作,否則就無法獲取到。
在延遲等待加載,JavaScript提供了一個事件為load,方法如下:
window.onload= function () {}; //JavaScript等待加載
$(document).ready(function() {});
//jQuery等待加載
在實際應用中,很少直接去使用window.onload,因為他需要等待圖片之類的大型元素加載完畢后才能執(zhí)行JS代碼。所以,最頭疼的就是網(wǎng)速較慢的情況下,頁面已經(jīng)全面展開,圖片還在緩慢加載,這時頁面上任何的JS交互功能全部處在假死狀態(tài)。并且只能執(zhí)行單次在多次開發(fā)和團隊開發(fā)中會帶來困難。?
上一篇: {人工智能}python之面向?qū)ο缶幊?/a>
下一篇: {Java}Maven入門及安裝配置