JQuery常用API
jQuery 基础选择器:
jQuery 设置样式:
$('div').css('属性', '值')
隐式迭代
遍历内部 DOM 元素(伪数组形式存储)的过程就叫做隐式迭代。简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。
jQuery 筛选选择器
jQuery 筛选方法
jQuery 里面的排他思想
想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式
$(this).css(“color”,”red”);
$(this).siblings(). css(“color”,””);
设置类样式方法
- 添加类
$(“div”).addClass(''current'');
- 移除类
$(“div”).removeClass(''current'');
- 切换类
$(“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 内容文本值
- 普通元素内容 html()( 相当于原生inner HTML)
- 普通元素文本内容 text() (相当与原生 innerText )
- 表单的值 val()( 相当于原生value)
jQuery 元素操作
jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。
$("div").each(function (index, domEle) { xxx; })
- each() 方法遍历匹配的每一个元素。主要用DOM处理。 each 每一个
- 里面的回调函数有2个参数: index 是每个元素的索引号; demEle 是每个DOM元素对象,不是jquery对象
- 所以要想使用jquery方法,需要给这个dom元素转换为jquery对象 $(domEle)
创建元素:
$(''<li></li>'');
动态的创建了一个