欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery學習筆記之2個小技巧

 更新時間:2015年01月19日 11:11:51   投稿:hebedich  
這篇文章主要介紹了jQuery學習筆記之2個小技巧,1.jQuery功能函數(shù)前綴,2.解決window.onload函數(shù)沖突,非常不錯,推薦給小伙伴參考下

1.jQuery功能函數(shù)前綴

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

trim()函數(shù)是jQuery對象的一個方法,使用以下例子

復制代碼 代碼如下:

<script type="text/javascript">
            var sString = "   1234567890";
            sString = $.trim(sString);
            alert(sString.length);
        </script>

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

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

其中

$.trim(sString)
相當于

jQuery.trim(sString)
jQuery類似這樣的函數(shù)很多,而且涉及到javascript的方方面面。

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

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

jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數(shù)在頁面加載完成后自動運行。并且同一個頁面可以使用多個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>

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

相關文章

最新評論