国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery學習筆記之2個小技巧

2019-11-20 13:22:43
字體:
來源:轉載
供稿:網(wǎng)友

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

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

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

復制代碼 代碼如下:

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

執(zhí)行結果

字符串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>

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 卓资县| 湘阴县| 都江堰市| 竹溪县| 冕宁县| 两当县| 万山特区| 绥江县| 榆树市| 宜都市| 桂阳县| 叶城县| 河津市| 南召县| 岑溪市| 绍兴县| 钟祥市| 舞钢市| 兴义市| 余干县| 宿州市| 油尖旺区| 滦南县| 田东县| 泽州县| 五指山市| 安仁县| 萨嘎县| 平度市| 宁南县| 绩溪县| 多伦县| 荣成市| 腾冲县| 苏尼特右旗| 馆陶县| 仁寿县| 宁武县| 班戈县| 陕西省| 时尚|