为了账号安全,请及时绑定邮箱和手机立即绑定

jquery初学之基础回顾

标签:
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可选  ,空格也占一个字符长度




点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消