jQuery - 獲取內容和屬性
jQuery擁有可操作HTML元素和屬性的強大方法。
jQuery DOM操作
jQuery中非常重要的部分,就是操作DOM的能力。
jQuery提供一系列與DOM相關的方法,這使訪問和操作元素和屬性變得很容易。
lamp DOM=Document Object Model(檔案物件模型)
DOM定義訪問HTML和XML檔案的標準:
"W3C檔案物件模型獨立於平臺和語言的介面,允許程式和指令碼動態訪問和更新檔案的內容、結構以及樣式。"
獲得內容-text()、html()以及val()
三個簡單實用的用於DOM操作的jQuery方法:
text()-設定或返回所選元素的文字內容
html()-設定或返回所選元素的內容(包括HTML標籤)
val()-設定或返回表單欄位的值
下面的例子演示如何透過jQuery text()和html()方法來獲得內容:
例項
$("#btn1").click(function(){
alert("Text:"+$("#test").text());
});
$("#btn2").click(function(){
alert("HTML:"+$("#test").html());
});
;//爬蟲IP獲取;
下面的例子演示如何透過jQuery val()方法獲得輸入欄位的值:
例項
$("#btn1").click(function(){
alert("值為:"+$("#test").val());
});
獲取屬性-attr()
jQuery attr()方法用於獲取屬性值。
下面的例子演示如何獲得連結中href屬性的值:
例項
$("button").click(function(){
alert($("#runoob").attr("href"));
});
來自 “ ITPUB部落格 ” ,連結:https://blog.itpub.net/70032566/viewspace-3000429/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- 010-jQuery獲取和設定內容屬性jQuery
- jQuery - 設定內容和屬性jQuery
- Jquery如何獲取和設定元素內容?jQuery
- C#反射設定屬性值和獲取屬性值C#反射
- Python的tkinter獲取元件屬性和設定元件屬性Python元件
- 根據屬性字串獲取屬性值字串
- jquery js 設定 div 的內容,給 div 新增一個屬性jQueryJS
- 獲取影像的屬性
- 設定和獲取元素固有屬性值
- jQuery 屬性jQuery
- JavaScript 獲取 checked 屬性值JavaScript
- opencv 獲取影像的屬性OpenCV
- vue 前端框架的網頁是否是不能用 js 和 jquery 獲取元素屬性或修改?Vue前端框架網頁JSjQuery
- .net 獲取郵箱郵件列表和內容
- jquery 操作HTML data全域性屬性快取的坑jQueryHTML快取
- uniapp獲取通知欄內容 監聽通知欄內容APP
- php獲取xml檔案內容PHPXML
- python tkinter如何獲取label內容?Python
- C++--Win32--列表編輯--獲取列表內容--獲取列表行數--修改列表內容C++Win32
- jQuery事件物件event的屬性和方法jQuery事件物件
- C# 獲取修改了哪些屬性C#
- Power Automate 獲取使用者屬性
- lambda方法引用獲取欄位屬性
- jquery獲取下拉框選中的屬性值jQuery
- python爬蟲用bs4獲取標籤中間的文字內容以及標籤裡的屬性Python爬蟲
- PHP獲取HTTP body內容的方法PHPHTTP
- JavaScript 獲取td單元格內容JavaScript
- VB 獲取剪貼簿的內容
- js堅持不懈之15:修改html內容和屬性的方法JSHTML
- PHP獲取檔案基本屬性的方法PHP
- jQuery設定disabled屬性與移除disabled屬性jQuery
- 揭秘Java反射:如何輕鬆獲取類的屬性及父類屬性Java反射
- android通過MediaProjection獲取螢幕內容AndroidProject
- JQuery獲取input type=jQuery
- java判斷實體內中屬性值內容是否有變更(包含父類屬性值)Java
- 在ASP.NET Core中用HttpClient(一)——獲取資料和內容ASP.NETHTTPclient
- 獲取json串裡的某個屬性值JSON