青海快3最新遗漏号 青海快3开奖结果查询 青海快3走势图夸度 青海快3第1期开奖结果查询 青海快3走势图综合指标 青海快3第26期开奖结果查询 青海快3和值走势图带连线 青海快3走势图电子版 3d青海快3走势图下载 昨天青海快3开奖结果查询 青海快3电子板 青海快3预测方法 青海快3基本走势带坐标 青海快3推荐 青海快3+111

Swiper4中的DOM操作

Swiper4自帶有DOM7庫,因此無需另外加載Jquery即可對Dom7/Jquery對象使用以下常用操作

Classes
.addClass(className) 給元素增加class
mySwiper.$el.addClass('MyClass');
.removeClass(className) 刪除指定的class
.hasClass(className) 元素上是否有指定的class
.toggleClass(className) 有則刪除,無則添加
屬性
.attr(attrName) 獲取一個屬性值
.attr(attrName,?attrValue) 設置一個屬性值
.attr(attributesObject) 設置多個屬性值
.removeAttr(attrName) 刪除屬性值
數據存儲
.data(key,?value) 在選中的元素上存儲任意數據
.data(key) 如果只有一個參數,則讀取指定的值,如果有兩個參數?data(key, value)?則是設置值
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 屬性
事件
.on(eventName,?handler,?useCapture) 在選中的元素上綁定事件
.on(eventName,?delegatedTarget,?handler,?useCapture) 通過代理綁定事件
.once(eventName,?handler,?useCapture) 添加回調函數或者事件句柄,這些事件只會執行一次。
.off(eventName,?handler,?useCapture) 刪除事件綁定
.off(eventName,?delegatedTarget,?handler,?useCapture) 刪除通過代理綁定的事件
.trigger(eventName,?eventData) 觸發選中元素上的事件,指定所有的事件回調函數
.transitionEnd(callback,?permanent) 在選中的元素上增加 transitionEnd 事件回調
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() 當前選中的第一個元素在他的所有兄弟節點中的排序
.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]) 獲得當前選中的每一個元素的下一個直接兄弟元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些兄弟元素。
.nextAll([selector]) 獲得當前選中的每一個元素之后的全部兄弟元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些兄弟元素。
.prev([selector]) 獲得當前選中的每一個元素的上一個直接兄弟元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些兄弟元素。
.prevAll([selector]) 獲得當前選中的每一個元素之前的全部兄弟元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些兄弟元素。
.parent([selector]) 獲取選中的每一個元素的父元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些父元素。
.parents([selector]) 獲取選中的每一個元素的祖先元素。如果提供了一個選擇器(selector),那么會用這個選擇器來過濾這些祖先元素。
.find(selector) 在選中的每一個元素的后代中查找指定的元素。
.children(selector) 在選中的每一個元素的直接孩子中查找指定的元素。
.remove() 從DOM中刪除選中的元素
.add() 增加一個元素

由于DOM7升級頻繁,如有錯漏請至論壇糾正

青海快3开奖结果
青海快3最新遗漏号 青海快3开奖结果查询 青海快3走势图夸度 青海快3第1期开奖结果查询 青海快3走势图综合指标 青海快3第26期开奖结果查询 青海快3和值走势图带连线 青海快3走势图电子版 3d青海快3走势图下载 昨天青海快3开奖结果查询 青海快3电子板 青海快3预测方法 青海快3基本走势带坐标 青海快3推荐 青海快3+111
江苏快三大小怎么玩稳赚 天津时时彩 湖北11选5在线购买 赚钱 宝赢彩票计划软件app 赌博翻注下倍能稳赚吗 时时彩定位胆稳赚 吉林11选5走势图1000期 赚钱的调查调研网站