jquery初学之基础回顾

    自从繁忙的工作实习以及毕业答辩以来,好久没有写博客了。由于公司管理问题,所有项目均不可以带出,所以好久都忙的没写了。好啦,不说废话了,大不了回来再写一遍,回忆一遍,也不枉对工作的热爱吧!

     

Jquery基础学习 


    1.jQuery常用的交互方法 


        *基本的显示隐藏:


            Show,hide,toggle           (slow ,fast ,normal)  

           

            fadeIn  ,fadeOut,

           

            slideDown ,slideUp,slideToggle


        *Animate动画:           


            $(selector).animate({params},speed,callback);

           

            可操作多个属性,animate({left:'250px', height:'150px', width:'150px'})

           

            使用相对值,height:'+=150px'

           

            使用预定义的值,(show,hide,toggle)          

           

           

        *获得内容 

   text()、html() 以及 val()

           

        *获取属性 - attr()

           

        *增加删除样式

   removeClass     addClass

           

           

           

        学习点1:    

           

            1.if(this.className.indexOf("current_page")==-1) 

               

                判断当前li 的样式名称是否包含 current_page (不包含则true) 

              

                indexOf是检索字符串的意思  

             

             

            2.$("a",this).css("left","-120px");  

             

                这样的写法相比较之前的  $(this).find('a').css("left","-120px");更加简洁. 

              

                但须知道,这样会损耗性能,没有之前的快速。

              

              

            3.常用的CSS样式添加写法

           

                单个属性:$("p").css("background-color","yellow");

             

                多个属性:$("p").css({"background-color":"yellow","font-size":"200%"});

             

             

             

             

        学习点2:

           

            1.substring() 方法用于提取字符串中介于两个指定下标之间的字符。  

               

                stringObject.substring(start,stop)    

             

                strart必需,stop可选  ,空格也占一个字符长度




你可能感兴趣的:(jquery,animate)