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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...