1.jQuery功能函數前綴
在javascript中,開發者通常會編寫一些小函數來處理各種操作細節,例如在用戶提交表單時,要將文本框最前端和最末端的空格內容清理掉。而javascript中沒有類似trim()功能,在師院jQuery後,便可以使用trim()函數。
trim()函數是jQuery對象的一個方法,使用以下例子
代碼如下:
<script type="text/javascript">
var sString = " 1234567890";
sString = $.trim(sString);
alert(sString.length);
</script>
執行結果
字符串sString的首尾空格都被jQuery取掉了。
其中
$.trim(sString)
相當於
jQuery.trim(sString)
jQuery類似這樣的函數很多,而且涉及到javascript的方方面面。
2.解決window.onload函數沖突
由於頁面html框架需要在頁面完全加載後才能使用,因此在DOM編程時,window.onload被頻繁使用,倘若頁面中很多處需要使用此函數,其它js也需要包含window.onload函數,將導致很多沖突。
jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數在頁面加載完成後自動運行。並且同一個頁面可以使用多個ready()方法,而且不相互沖突。
例如:
代碼如下:
<script type="text/javascript">
$(document).ready(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
對上述代碼jQuery還提供了簡寫,可以省略其中的(document).ready部分
代碼如下:
代碼如下:
<script type="text/javascript">
$(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
這就是上文中表格隔行變色的代碼。