jQuery-day02笔记

• jQuery效果

1. 停止动画

 

Stop()方法用于停止动画或者效果，用于所有的jQuery效果。

语法：$(“”).stop(boolean,boolean);

第一个boolean；是否清除该动画队列 默认是false，仅停止当前活动的动画，允许当前活动的动画，允许队列动画继续执行。True：停止所有动画队列。

第二个boolean：是否立即完成当前动画。默认是false

 

1. 方法链

把方法链接在一起。在同一个元素上，按顺序执行链起来

 

 

• DOM获取内容和属性

1.获取内容：html(); text(); val();

 

Html()--设置或返回所选元素的内容，内容包括HTML标签

Text()-- 设置或者返回所选元素的文本内容

Val() -- 设置 或者返回所选的表单字段的value值

 

1. 设置 2.返回值
2. 回调函数 function(被选元素的下标，改变前（旧的内容）的值){}

 

2.获取/设置属性

Attr() 方法用于设置或者获取属性值

语法：$(“”).attr(“属性”);------通过属性获取到此元素的属性值

语法：$(“”).attr(“属性”,”属性值”);------通过属性设置到此元素的属性值

语法：$(“”).attr({“属性”:”属性值”，“属性”:”属性值”});------多个属性设置

 

 

3.获取/设置样式

Css() 方法用于设置或者获取样式

语法：

Css(样式属性)----通过样式属性返回属性值

Css(样式属性,”属性值”)----设置样式属性值

Css({样式属性：”属性值”})----设置多个属性值

 

4.设置css类

Addclass() 方法向被选中的元素添加类

removeClass()方法  从被选中元素中删除类

toggleClass()方法  对被选元素进行添加/删除类的切换操作

语法：

addClass(“类”)---添加一个类

addClass(“类1  类2”)---添加多个类，通过空格分隔开

removeClass(“类”)---移除类

toggleClasss(“类”)---添加/删除 类的切换操作

 

 

jQuery 使用的方法

 

选择器：选取元素

效果和方法：设置元素的内容，属性，样式

事件：通过事件触发效果和方法。

 

城市的选择

 

省级：江西 北京

市级：南昌 九江 上饶 赣州

思路：通过数组存储城市，每一个元素表示一个城市（直辖市/省+市）

Var citys = [[],[]];