JQuery

JQuery常用API

jQuery 基础选择器:


jQuery 设置样式:

$('div').css('属性', '值')

隐式迭代
遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代。简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。
jQuery 筛选选择器

jQuery 筛选方法

jQuery 里面的排他思想
想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式

$(this).css(“color”,”red”);
$(this).siblings(). css(“color”,””);

设置类样式方法

1. 添加类

$(“div”).addClass(''current'');

2. 移除类

$(“div”).removeClass(''current'');

3. 切换类

$(“div”).toggleClass(''current'');

（1）参数都可以省略。
（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。
（3）easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。
（4）fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。
** jQuery 属性操作**
设置或获取元素固有属性值 prop()

prop(''属性'', ''属性值'')

设置或获取元素自定义属性值 attr()

attr(''属性'', ''属性值'') // 类似原生 setAttribute()

数据缓存 data()
jQuery 内容文本值

1. 普通元素内容 html()（ 相当于原生inner HTML)
2. 普通元素文本内容 text() (相当与原生 innerText )
3. 表单的值 val()（ 相当于原生value)

jQuery 元素操作
jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作，就需要用到遍历。

$("div").each(function (index, domEle) { xxx; }）

1. each() 方法遍历匹配的每一个元素。主要用DOM处理。 each 每一个
2. 里面的回调函数有2个参数： index 是每个元素的索引号; demEle 是每个DOM元素对象，不是jquery对象
3. 所以要想使用jquery方法，需要给这个dom元素转换为jquery对象 $(domEle)
   创建元素:

$(''<li></li>'');

动态的创建了一个

•