jQuery HTML/CSS 方法大全

来源:https://www.cnblogs.com/jc2182/archive/2019/10/07/11629322.html
-Advertisement-
Play Games

下表列出了用於操作HTML和CSS的所有方法。 ...


下表列出了用於操作HTML和CSS的所有方法。

方法描述
addClass() 向所選元素添加一個或多個類名
after() 在所選元素之後插入內容
append() 在所選元素的末尾插入內容
appendTo() 在所選元素的末尾插入HTML元素
attr() 設置或返回所選元素的屬性/值
before() 在所選元素之前插入內容
clone() 克隆所選元素的副本
css() 為所選元素設置或返回一個或多個樣式屬性
detach() 刪除所選元素(保存數據和事件)
empty() 從選定元素中刪除所有子節點和內容
hasClass() 檢查是否有任何所選元素具有指定的類名
height() 設置或返回所選元素的高度
html() 設置或返回所選元素的內容
innerHeight() 返回元素的高度(包括填充,但不包括邊框)
innerWidth() 返回元素的寬度(包括填充,但不包括邊框)
insertAfter() 在所選元素之後插入HTML元素
insertBefore() 在所選元素之前插入HTML元素
offset() 設置或返回所選元素的偏移坐標(相對於文檔)
offsetParent() 返回第一個定位的父元素
outerHeight() 返回元素的高度(包括填充和邊框)
outerWidth() 返回元素的寬度(包括填充和邊框)
position() 返回元素的位置(相對於父元素)
prepend() 在所選元素的開頭插入內容
prependTo() 在所選元素的開頭插入HTML元素
prop() 設置或返回所選元素的屬性/值
remove() 刪除選定的元素(包括數據和事件)
removeAttr() 從選定元素中刪除一個或多個屬性
removeClass() 從選定元素中移除一個或多個類
removeProp() 移除prop()方法設置的屬性
replaceAll() 用新的HTML元素替換所選元素
replaceWith() 用新內容替換所選元素
scrollLeft() 設置或返回所選元素的水平滾動條位置
scrollTop() 設置或返回所選元素的垂直滾動條位置
text() 設置或返回所選元素的文本內容
toggleClass() 在添加/刪除所選元素中的一個或多個類之間切換
unwrap() 移除所選元素的父元素
val() 設置或返回所選元素的value屬性(對於表單元素)
width() 設置或返回所選元素的寬度
wrap() 圍繞每個選定元素包裝HTML元素
wrapAll() 圍繞所有選定元素包裝HTML元素
wrapInner() 圍繞每個選定元素的內容包裝HTML元素

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

-Advertisement-
Play Games
更多相關文章
  • 最近在學React Native,學到了CodePush熱更新。 老師講了兩種實現的方法,現將其記錄一下。 相比較原生開發,使用React Native開發App不僅能節約開發成本,還能做原生開發不能實現的熱更新功能。 使用原生技術開發App時,每次代碼做了改動後,都需要提交到應用商店進行審核,審核 ...
  • ## 今日內容: 1. JQuery 高級 1. 動畫 2. 遍歷 3. 事件綁定 4. 案例 5. 插件 ## JQuery 高級 1. 動畫 1. 三種方式顯示和隱藏元素 1. 預設顯示和隱藏方式 1. show([speed,[easing],[fn]]) 1. 參數: 1. speed:動畫 ...
  • 前言 在開發的時候,有時在命令工具裡面,要多開兩個視窗分別啟動前端項目和後端服務介面,有沒有辦法將整個項目一起啟動呢 答案是有,前端和後端連載一起啟動,適用於前端為vue或React,後端為nodejs的項目。 只需用到一個npm包concurrently模塊,通過package.json配置實現。 ...
  • 示例代碼托管在: "http://www.github.com/dashnowords/blogs" 博客園地址: "《大史住在大前端》原創博文目錄" 華為雲社區地址: "【你要的前端打怪升級指南】" [TOC] B站地址: "【編譯原理】" Stanford公開課: "【Stanford大學公開課 ...
  • 一.window相關 二.body相關 三.滾動相關 四.位置精確定位 五.坐標軸 六.width/clientWidth/offsetWidth以及height之間區別 ...
  • ## 今日內容 1. JQuery 基礎: 1. 概念 2. 快速入門 3. JQuery對象和JS對象區別與轉換 4. 選擇器 5. DOM操作 6. 案例 # JQuery 基礎: 1. 概念: 一個JavaScript框架。簡化JS開發 * jQuery是一個快速、簡潔的JavaScript框 ...
  • 1、複雜動畫 (1)涉及到的屬性: animation-name:動畫名稱; animation-duration:單次動畫總時長; animation-timing-function:時間函數; animation-delay:播放前延時的時長; animation-iteration-count ...
  • 1. 類型強制轉換 1.1 string強制轉換為數字 可以用 *1來轉化為數字(實際上是調用 .valueOf方法) 然後使用 Number.isNaN來判斷是否為 NaN,或者使用 a!==a 來判斷是否為 NaN,因為 NaN!==NaN 常用:也可以使用 +來轉化字元串為數字 1.2 obj ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...