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
- jquery設定和獲取元素的屬性jQuery
- jQuery修改和獲取圖片的src屬性值jQuery
- jquery獲取具有指定內容的元素jQuery
- jQuery—頁面內容,樣式,控制屬性jQuery
- jQuery利用name屬性獲取表單元素jQuery
- jQuery獲取元素內部元素和獲取內容的區別、獲得輸入框value的方法jQuery
- jQuery獲取id屬性值具有點的元素jQuery
- id屬性值帶有點(.)jQuery如何獲取jQuery
- 使用jQuery獲取iframe元素的value屬性值jQuery
- jquery實現獲取outerHTML內容程式碼例項jQueryHTML
- jquery cheerio 獲取元素文字內容,不包括後代jQuery
- jquery獲取id屬性值帶有點的元素jQuery
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- C#反射設定屬性值和獲取屬性值C#反射
- javascript獲取物件直接量中的屬性和屬性值JavaScript物件
- jQuery點選元素獲取此元素的id屬性值jQuery
- Python的tkinter獲取元件屬性和設定元件屬性Python元件
- 獲取影像的屬性
- 設定和獲取元素固有屬性值
- jquery js 設定 div 的內容,給 div 新增一個屬性jQueryJS
- jquery中利用事件屬性which輕鬆獲取鍵盤和滑鼠鍵值jQuery事件
- javascript 獲取iframe中內容JavaScript
- JavaScript 獲取 checked 屬性值JavaScript
- opencv 獲取影像的屬性OpenCV
- javascript如何獲取屬性值JavaScript
- .net 獲取郵箱郵件列表和內容
- 獲取物件屬性型別、屬性名稱、屬性值的研究:反射和JEXL解析引擎物件型別反射
- js如何獲取給定屬性的屬性值JS
- 在url中通過屬性名獲取屬性值
- javascript實現的設定和獲取元素屬性JavaScript
- SharePoint 2013 開發——獲取使用者配置檔案屬性內容(User Profile)
- vue 前端框架的網頁是否是不能用 js 和 jquery 獲取元素屬性或修改?Vue前端框架網頁JSjQuery
- js獲取非內部取樣式表中定義的屬性值JS
- php獲取xml檔案內容PHPXML