jQuery基礎之（三）jQuery功能函數首碼及與window.onload衝突

標籤：

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>

這就是上文中表格隔行變色的代碼。

jQuery基礎之（三）jQuery功能函數首碼及與window.onload衝突