在javascript中，開發(fā)者通常會(huì)編寫一些小函數(shù)來處理各種操作細(xì)節(jié)，例如在用戶提交表單時(shí)，要將文本框最前端和最末端的空格內(nèi)容清理掉。而javascript中沒有類似trim()功能，在師院jQuery后，便可以使用trim()函數(shù)。

trim()函數(shù)是jQuery對(duì)象的一個(gè)方法，使用以下例子

復(fù)制代碼代碼如下:

<script type="text/javascript">

            var sString = "   1234567890";

            sString = $.trim(sString);

            alert(sString.length);

        </script>

執(zhí)行結(jié)果

字符串sString的首尾空格都被jQuery取掉了。

其中

$.trim(sString)
相當(dāng)于

jQuery.trim(sString)
jQuery類似這樣的函數(shù)很多，而且涉及到j(luò)avascript的方方面面。

2.解決window.onload函數(shù)沖突

由于頁(yè)面html框架需要在頁(yè)面完全加載后才能使用，因此在DOM編程時(shí)，window.onload被頻繁使用，倘若頁(yè)面中很多處需要使用此函數(shù)，其它js也需要包含window.onload函數(shù)，將導(dǎo)致很多沖突。

jQuery中的ready()方法很好的解決了上述問題，它能夠自動(dòng)將其中的函數(shù)在頁(yè)面加載完成后自動(dòng)運(yùn)行。并且同一個(gè)頁(yè)面可以使用多個(gè)ready()方法，而且不相互沖突。

例如：

復(fù)制代碼代碼如下:

<script type="text/javascript">

            $(document).ready(function() {

                $("table#mytable tr:nth-child(odd)").addClass("altcss");

            })

        </script>

對(duì)上述代碼jQuery還提供了簡(jiǎn)寫，可以省略其中的(document).ready部分

代碼如下：

復(fù)制代碼代碼如下:

<script type="text/javascript">

            $(function() {

                $("table#mytable tr:nth-child(odd)").addClass("altcss");

            })

        </script>

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

您可能感興趣的文章: