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

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