收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > jQuery > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

jquery屬性,遍歷,HTML操作方法詳解

Jquery屬性遍歷、HTML操作。

Jquery擁有可操作HTML元素和屬性的強大方法。

下面是我整理的一些jquery遍歷函數:

.add()

將元素添加到匹配元素的集合中。

.andSelf()

把堆棧中之前的元素集添加到當前集合中。

.children()

獲得匹配元素集合中每個元素的所有子元素。

.closest()

從元素本身開始,逐級向上級元素匹配,并返回最先匹配的祖先元素。

.contents()

獲得匹配元素集合中每個元素的子元素,包括文本和注釋節點。

.each()

對 jQuery 對象進行迭代,為每個匹配元素執行函數。

.end()

結束當前鏈中最近的一次篩選操作,并將匹配元素集合返回到前一次的狀態。

.eq()

將匹配元素集合縮減為位于指定索引的新元素。

.filter()

將匹配元素集合縮減為匹配選擇器或匹配函數返回值的新元素。

.find()

獲得當前匹配元素集合中每個元素的后代,由選擇器進行篩選。

.first()

將匹配元素集合縮減為集合中的第一個元素。

.has()

將匹配元素集合縮減為包含特定元素的后代的集合。

.is()

根據選擇器檢查當前匹配元素集合,如果存在至少一個匹配元素,則返回 true。

.last()

將匹配元素集合縮減為集合中的最后一個元素。

.map()

把當前匹配集合中的每個元素傳遞給函數,產生包含返回值的新 jQuery 對象。

.next()

獲得匹配元素集合中每個元素緊鄰的同輩元素。

.nextAll()

獲得匹配元素集合中每個元素之后的所有同輩元素,由選擇器進行篩選(可選)。

.nextUntil()

獲得每個元素之后所有的同輩元素,直到遇到匹配選擇器的元素為止。

.not()

從匹配元素集合中刪除元素。

.offsetParent()

獲得用于定位的第一個父元素。

.parent()

獲得當前匹配元素集合中每個元素的父元素,由選擇器篩選(可選)。

.parents()

獲得當前匹配元素集合中每個元素的祖先元素,由選擇器篩選(可選)。

.parentsUntil()

獲得當前匹配元素集合中每個元素的祖先元素,直到遇到匹配選擇器的元素為止。

.prev()

獲得匹配元素集合中每個元素緊鄰的前一個同輩元素,由選擇器篩選(可選)。

.prevAll()

獲得匹配元素集合中每個元素之前的所有同輩元素,由選擇器進行篩選(可選)。

.prevUntil()

獲得每個元素之前所有的同輩元素,直到遇到匹配選擇器的元素為止。

.siblings()

獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)。

.slice()

將匹配元素集合縮減為指定范圍的子集。

以上是我對jquery遍歷函數的見解。

HTML操作DOM的方法:

Jquery最重要的部分就是操作DOM的能力,jquery提供了一系列與DOM相關的方法,這使訪問和操作屬性的元素和屬性就會變得很容易,怎么操作DOM對象:document Object Model(文檔對象模型)DOM定義訪問HTML和XML文檔的標準:“W3C文檔對象模型獨立于平臺和語言的界面,允許程序員和腳本動態訪問和更新文檔內容、結構以及樣式?!?。DOM獲得-tex()、html()以及val()三個簡單實用的用于 DOM 操作的 jQuery 方法:text() - 設置或返回所選元素的文本內容html() - 設置或返回所選元素的內容(包括 HTML 標記)val() - 設置或返回表單字段的值獲取屬性 - attr()

jQuery attr() 方法用于獲取屬性值。

設置所有 p 元素的內容:

$(".btn1").click(function(){

 $("p").html("Hello <b>world</b>!");

});

當使用該方法返回一個值時,它會返回第一個匹配元素的內容。

$(selector).html()

當使用該方法設置一個值時,它會覆蓋所有匹配元素的內容。

$(selector).html(content)

使用函數來設置所有匹配元素的內容。

$(selector).html(function(index,oldcontent))

以上就是我對jquery屬性,遍歷,HTML操作的理解與見解,希望可以對大家有所幫助。

關于這篇jquery屬性,遍歷,HTML操作方法詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持積木網。

jquery遍歷標簽中自定義的屬性方法
在開發中我們有時會對html標簽添加屬性,如何遍歷處理?ulliname="li1"sortid="nav_1"aaaaaaa/liliname="li1"sortid="nav_2"bbbbbbb/liliname="li1"sortid="nav_3"cccccccc/liliname="li1"s

用jquery獲取自定義的標簽屬性的值簡單實例
如下所示:trclass="gradeX"role="row"id="1001"td王羲之/tdtd2016-01-06/tdtdname="phone"style="display:none;"13680130700/tdtdname="pwd"style="display:none;"123456/tdtdclass="td-text-center"aclass

基于jQuery實現歌詞滾動版音樂播放器的代碼
先給大家看下效果圖,感興趣的朋友可以參考實現代碼核心代碼如下所示:$.ajax({url:"/music/music.txt",type:"get",success:function(data){data=jQuery.parseJSON(data);varlengt

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
上海时时乐基本走势综合版