jquery屬性,遍歷,HTML操作

来源:http://www.cnblogs.com/2460403802q/archive/2016/09/17/5877889.html
-Advertisement-
Play Games

Jquery屬性遍歷、HTML操作。 Jquery擁有可操作HTML元素和屬性的強大方法。 下麵是我整理的一些jquery遍歷函數: .add() 將元素添加到匹配元素的集合中。 .andSelf() 把堆棧中之前的元素集添加到當前集合中。 .children() 獲得匹配元素集合中每個元素的所有子 ...


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定義訪問HTMLXML文檔的標準:“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操作的理解與見解,希望可以對大家有所幫助。

 

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Reverse a linked list from position m to n. Do it in-place and in one-pass. For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4, return 1->4->3->2- ...
  • 1.字典。 字典是python中的映射的數據類型,由鍵值對構成,幾乎所有類型的python對象都可以用作鍵,不過一般還是以數字或是字元串最為常見。值可以是任意類型的python對象,字典元素用{}來包裹。 (1)要註意“鍵值對”的相關概念。 假設字典為dics = {0:'a', 1:'b', 'c ...
  • 一.預備知識 最近開始嘗試做一些tornado商城項目,在開始之前需要引入一些項目設計知識,如介面,抽象方法抽象類,組合,程式設計原則等,個人理解項目的合理設計可增加其靈活性,降低數據之間的耦合性,提高穩定性,下麵介紹一些預備知識 1.介面 其實py中沒有介面這個概念。要想實現介面的功能,可以通過主 ...
  • 在進行列表排序時,有個“上移”和“下移”操作,這個一般在記憶體里完成,然後統一提交到資料庫中,對於上移與下移的設計,大叔在LIND.DDD.DOMAIN里有一個ISortBehavor介面,主要是說,如果實體對象支持排序功能,可以實現這個介面,而在擴展庫中,將有為本地結果集動態排序(上移和下移)的方法 ...
  • 架構目標 業務系統 架構設計原則 應用架構 基礎架構 資料庫架構 分散式資料庫特性 • 支持MySQL,MariaDB,MongoDB等資料庫 • 服務高可用,主庫故障,從庫自動切換 • 數據高可靠,定期快照備份,增量備份 • 數據自動拆分,一鍵無縫遷移擴容 • 針對特殊業務需求,定製優化特殊的數據... ...
  • 職責鏈模式(Chain of responsibility),就是使多個對象都有機會處理請求,從而避免請求的發送者和接受者之間的耦合關係。通過職責鏈模式,簡單地使用JavaScript模擬了冒泡事件。 ...
  • leonaScroll-1.1最新版-豎向 leonaScroll-1.1.js歡迎使用leonaScroll-1.1.js,此滾動條僅支持豎向滾動,如您在使用過程中發現更多問題,歡迎指正! 更新:1.1版本1、修複了前面初始版本中的一些bug,比如不能自適應用戶的文本內容,css文件繁雜2、用戶只 ...
  • 在上一篇CSS3選擇器的研究中列出了幾乎所有的CSS3選擇器,和偽類選擇器,當是並沒有做案例的研究,本想在那篇文章裡面寫,但想想如果把案例都寫在那篇文章裡面,對於查找來說就不是很方便,所有另開一篇來講實例。 屬性選擇器 [title]:選擇帶有title屬性的元素 [title='hello']:選 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...