今日杂记

jquery

停止text输入，光标停止效果：

写在key事件里　　

var num = $("#id").val().substr(0, 6);
$("#id").val(num);

 

添加样式：

addclass("css");

移除样式：

remove("css");

 

元素获取：

一、获取父级元素

1、 parent():

获取指定元素的所有父级元素

二、获取同级元素：
1、next()：
获取指定元素的下一个同级元素

2、nextAll():
获取指定元素后边的所有同级元素

3、andSelf():
获取指定元素后边的所有同级元素，之后加上指定的元素

 

$(“#id”).nextAll().andSelf();

4、prev()：获取指定元素的上一个同级元素

5、prevAll()：获取指定元素的前边所有的同级元素。

三、获取子元素

1、查找子元素方式1：>

var aNods = $(“ul > a”);查找ul下的所有a标签

2、查找子元素方式2：children()

$("#id").children()

3、查找子元素方式3：find()

 

 

素材定位个人浅理解：

1、background: url("ico_warn.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);定位到第一个icon；背景图片的左上角将与容器元素的左上角对齐。该设置与background-position:left top;或者background-position:0% 0%;设置的效果是一致的；

 

2、改变位置：

css('background-position', '0 -50px');即第二个icon；

 

3、可以把x/y坐标看成是镜面坐标，x轴的正方向是负值，把蓝色背景当做div，图片和div在第四区间，由此镜面坐标即可定位素材；

4、如果left，top为正呢，即如50px，50px；还是使用镜面坐标定位到50px，50px，div的左上角即是此位置，图片会在此相对位置显示；

5、background-position:50% 50%;

图片水平和垂直居中。与 background-position:center center;效果等同。

等同于x：{容器(container)的宽度—背景图片的宽度}*x百分比，超出的部分隐藏。
等同于y：{容器(container)的高度—背景图片的高度}*y百分比，超出的部分隐藏。

（网络图）

6、background-position:-50% -50%;

等同于x：-{容器(container)的宽度—背景图片的宽度}*x百分比，超出的部分隐藏。
等同于y：-{容器(container)的高度—背景图片的高度}*y百分比，超出的部分隐藏。

（网络图）

7、定位不受对象的 padding 影响。

给容器元素增加padding值，背景图与div左上角还是对齐

 

定位背景图可以使用画图工具，不过还是firebug好用比较多。