JQuery 无废话系列教程(一) jquery入门 [推荐]

2020-05-24 21:28:25易采站长站整理


   


     代码解析:


     $(document).ready(function(){
            $(“#tabTest tr:even”).addClass(“tabEven”);
            $(“#tabTest tr:odd”).addClass(“tabOdd”);
        });
    


    $(document).ready 的作用很简单,就是等待网页全部内部载入后再执行JavaScript代码(别忘了JQuery也是JavaScript代码哟), 这个函数几乎在所有使用JQuery的代码中都用到. 因为如果我们的Javascript代码中如果有DOM操作,在网页还没完全读取完时整个DOM框架还没有真正建立起来,在这之前的DOM操作都是无效的.



     $(“#tabTest tr:even”).addClass(“tabEven”); 为id为tabTest的表格的偶数行增加名为tabEven的CSS样式
     $(“#tabTest tr:odd”).addClass(“tabOdd”);    为id为tabTest的表格的奇数行增加名为tabEven的CSS样式


    


     最后, 初学者千万不要为陌生的代码而感到不知所措,记住JQuery很简单.



     作者信息:万思杰