国际象棋主教

Swiper4中的DOM操作

Swiper4自带有DOM7库,因此无需另外加载Jquery即可对Dom7/Jquery对象使用以下常用操作

Classes
.addClass(className) 给元素增加class
mySwiper.$el.addClass('MyClass');
.removeClass(className) ?#22659;?#25351;定的class
.hasClass(className) 元素上是否有指定的class
.toggleClass(className) 有则?#22659;?,无则添加
属性
.attr(attrName) 获取一个属性值
.attr(attrName,?attrValue) 设置一个属性值
.attr(attributesObject) 设置多个属性值
.removeAttr(attrName) ?#22659;?#23646;性值
数据存储
.data(key,?value) 在选中的元素上存储?#25105;?#25968;据
.data(key) 如果只有一个参数,则读取指定的值,如果有两个参数?data(key, value)?则?#24039;?#32622;值
CSS transform, transitions
.transform(CSSTransformString) 添加带前缀的transform 样式:
swiper.slides.eq(0).transform('scale(0.8) translate3d(0, 0, 0)')
//translate3d开启3D加速
.transition(transitionDuration) 设置css transition-duration 属性
?#24405;?/th>
.on(eventName,?handler,?useCapture) 在选中的元素上绑定?#24405;?
.on(eventName,?delegatedTarget,?handler,?useCapture) 通过代理绑定?#24405;?
.once(eventName,?handler,?useCapture) 添加回调函数或者?#24405;?#21477;柄,这些?#24405;?#21482;会执行一次。
.off(eventName,?handler,?useCapture) ?#22659;录?#32465;定
.off(eventName,?delegatedTarget,?handler,?useCapture) ?#22659;?#36890;过代理绑定的?#24405;?
.trigger(eventName,?eventData) 触发选中元素上的?#24405;?,指定所有的?#24405;?#22238;调函数
.transitionEnd(callback,?permanent) 在选中的元素上增加 transitionEnd ?#24405;?#22238;调
Styles
.offset() 获取当前选中元素的第一个元素相对 document 的位置偏移
.css(property) 获取选中元素中第一个元素的CSS属性值
.css(property,?value) 设置全部选中元素中的CSS属性值
mySwiper.slides.css("background-color", "yellow")
mySwiper.slides.css({"background-color":"yellow", "z-index":1})
Dom 操作
.each(callback) 遍历集合,对其中每一个元素执行回调。
.html() 获得选中的第一个元素的HTML内容
.html(newInnerHTML) 给全部选中元素设置HTML内容
.text() 获得选中的第一个元素的文本内容
.text(newTextContent) 给全部选中元素设置文本内容
.is(CSSSelector) 选中的元素是否符合指定的CSS选择器
.is(HTMLElement) 选中的元素是否是给定的 DOM 元素或者 Dom7 集合
.index() 当前选中的第一个元素在他的所有?#20540;?#33410;点中的排序
.eq(index) 返回当前选中的元素中的指定序号的元素
mySwiper.slides.eq(0).addClass('className');
.append(HTMLString) 在当前选中元素的每一个后面插入指定内容
.append(HTMLElement) 在当前选中元素的每一个后面插入指定元素
.prepend(newHTML) 在当前选中元素的每一个前面插入指定内容
.prepend(HTMLElement) 在当前选中元素的每一个前面插入指定元素
.insertBefore(target) 把当前选中的每一个元素插入到指定的目标之前。目标(target)应该是一个 CSS 选择器或者 HTML 元素 或者 Dom7集合
.insertAfter(target) 把当前选中的每一个元素插入到指定的目标之后。目标(target)应该是一个 CSS 选择器或者 HTML 元素 或者 Dom7集合
.next([selector]) 获得当前选中的每一个元素的下一个直?#26377;值?#20803;素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些?#20540;?#20803;素。
.nextAll([selector]) 获得当前选中的每一个元素之后的全部?#20540;?#20803;素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些?#20540;?#20803;素。
.prev([selector]) 获得当前选中的每一个元素的上一个直?#26377;值?#20803;素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些?#20540;?#20803;素。
.prevAll([selector]) 获得当前选中的每一个元素之前的全部?#20540;?#20803;素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些?#20540;?#20803;素。
.parent([selector]) 获取选中的每一个元素的父元素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些父元素。
.parents([selector]) 获取选中的每一个元素的祖先元素。如果提供了一个选择器(selector),那么会用这个选择器来过滤这些祖先元素。
.find(selector) 在选中的每一个元素的后代中查找指定的元素。
.children(selector) 在选中的每一个元素的直接孩子中查找指定的元素。
.remove() 从DOM中?#22659;?#36873;中的元素
.add() 增加一个元素

由于DOM7升级频繁,如有错漏请至论坛纠正

国际象棋主教
实时nba比分在线 七乐彩17132期号码预测 极速体育比分直播 哈灵浙江杭州麻将下载 收贵州快三查询 排列三走势图预测 535娱乐平台 浙江6+1 中国精彩网 双彩网