jQuery常用的DOM操作（設定屬性、值、內容）
- text() - 設定或返回所選元素的文字內容
- html() - 設定或返回所選元素的內容（包括 HTML 標記）
- val() - 設定或返回表單欄位的值
- attr() - 獲取指定屬性的值
- removeAttr() - 移除指定的屬性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="operateDOM.css">
<script src="jquery-3.3.1.js"></script>
<script src="operateDOM.js"></script>
<style>
p{
width: 250px;
height: 100px;
background-color: aqua;
}
</style>
</head>
<body>
<button>設定屬性</button>
<button>獲取屬性</button>
<button>移除屬性</button>
<button>設定值</button>
<button>獲取值</button>
<button>設定html內容</button>
<button>獲取html內容</button>
<button>設定text內容</button>
<button>獲取text內容</button>
<div>
<input type="text" id="txt"/>
</div>
</body>
</html> $(document).ready(function () {
//設定屬性
$("button:eq(0)").click(function () {
$(this).attr("title","我是一個按鈕");
});
//獲取屬性
$("button:eq(1)").click(function () {
var a = $("button:eq(0)").attr("title");
console.log(a);
});
//移除屬性
$("button:eq(2)").click(function () {
$("button:eq(0)").removeAttr("title");
});
//設定值 有一個引數為設定值
$("button:eq(3)").click(function () {
$("#txt").val("我是val設定輸入的內容");
});
//獲取值 沒有引數為獲取值
$("button:eq(4)").click(function () {
console.log($("#txt").val());
});
//設定html內容
$("button:eq(5)").click(function () {
$("div").html("<p>通過html（）方法設定html內容</p>");
});
//獲取html內容
$("button:eq(6)").click(function () {
console.log($("div").html());
});
//設定text內容
$("button:eq(7)").click(function () {
$("div").text("通過text（）方法設定文字內容");
});
//獲取text內容
$("button:eq(8)").click(function () {
console.log($("div").text());
});
}); 通過html（）方法獲取html內容，會連帶p標籤一起輸出，結果如下：
通過text（）方法獲取文字內容，只輸出文本內容。
相關推薦
jQuery常用的DOM操作（設定屬性、值、內容）
text() - 設定或返回所選元素的文字內容html() - 設定或返回所選元素的內容（包括 HTML 標記）val() - 設定或返回表單欄位的值attr() - 獲取指定屬性的值removeAttr() - 移除指定的屬性<!DOCTYPE html> &l
jQuery之dom操作（取賦值方法）
取賦值相關方法： .html() .text() .size() &nb
JQuery：DOM操作、屬性操作、CSS操作的常用方法
ndt mar dom pin disable cli top .text acea DOM操作 1.append在div1的內部最後追加一個圖片 $("#div1").append("<img src=‘........‘/>"); 2.appendTo把
jQuery的DOM操作之設置和獲取HTML、文本和值 html（）text（）val（）
java fontsize doc .text cti checkbox .net mar jsb 1. html()方法: 此方法類似於JavaScript中的innerHTML屬性，可以用來讀取或者設置某個元素中的html內容。 <html> <h
jQuery——入門（三）JQuery DOM操作（屬性操作/樣式操作/文件過濾）
jQuery——入門（三）JQuery DOM操作（屬性操作/樣式操作/文件過濾） 一、DOM屬性操作 1、屬性 (1)、attr() 方法 語法：$(selector).attr(name|property|key, value|fn) 設定或獲取被選元素的屬性值，設定多個
jQuery DOM 操作（基本操作、內部插入、外部插入、包裹操作）
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content=
jquery裏面的DOM操作（查找，創建，添加，刪除節點）
bubuko inf urn nbsp tex toggle attr find fin 一：創建元素節點（添加） 創建元素節點並且把節點作為元素的子節點添加到DOM樹上 1.append(): 在元素下添加元素 用法：$("id").append("
jQuery對標籤、類樣式、值、文件、DOM物件的操作
jquery的標籤屬性操作 使用attr()方法對html標籤屬性進行操作，attr如果引數是一個引數，表示獲取html標籤的屬性值，如果是兩個引數則是設定標籤屬性名以及物件的屬性值 //獲取標籤屬性 $('div').attr('title') //設定標籤屬性 $('div').attr('id','
常用資料庫操作（DML、序列等）
一、序列 1.1序列作用： 在Oracle資料庫中，序列的用途是生成表的主鍵值，可以在插入語句中引用，也可以通過查詢檢查當前值，或使序列增至下一個值 1.2建立序列： CREATE SEQUENCE SEQ_EMP --序列最大最小值 MINVALUE 1 MAXVALUE 999
jQuery的屬性操作（attr,prop,html,text,val,addClass）
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script
jQuery——入門（三）JQuery DOM操作（核心處理和文件處理）
jQuery——入門（三）JQuery DOM操作（核心處理和文件處理） 一、核心處理（JQuery物件訪問） 1、頁面載入檢測函式：$(document).ready(function(){}); —— $(function(){}); 2、JQuery選擇器函式：$(select
解密jQuery核心 DOM操作方法（二）html,text,val
回顧下幾組DOM插入有關的方法 innerHTML 設定或獲取位於物件起始和結束標籤內的 HTML outerHTML 設定或獲取物件及其內容的 HTML 形式 看圖對照區別 innerText 設定或獲取位於物件起始和結束標籤內的文字 outerText 設定(包括標籤)或獲取(不
jQuery操作select（設定某個option為選中狀態）
摘要: 之前看到別人的部落格上關於這個操作是有誤的，所以決定mark一下– –2016/02/某天自oschina blog。 小夥伴的程式碼是這樣的： $(".selector").find("option[text='xxx']").attr("se
JS——DOM操作（首尾子節點、兄弟節點【firstChild、previousSibling...】）
（一）首尾子節點： 【首】：firstChild、 firstElementChild 【尾】：lastChild、 lastElementChild （首尾兩個子節點，有兩種寫法，主要是因為相容性問題） 詳情看以下程式碼： （lastChild、 lastElement
常用的shell（備份數據庫、備份網站、切割訪問日誌）
mnt path code ash rep %d nginx -name kill 備份網站程序 #!/bin/bash /bin/tar czf /mnt/backup_website/web_$(date +%Y%m%d_%H%M%S).gz.tar /mnt/www
jQuery的DOM操作
相同 沒有 移除 支持 rtb 回調 api remove 位置 jQuery的DOM操作和JavaScript的DOM操作類似 但是更加簡單並且新增的一些十分使用的方法。 創建節點時DOM時選擇先創建好元素節點然後把內容插入節點 經過幾次插入和innerHTML的插入文本
jquery基本Dom操作
基本 bsp 獲取 屬性 轉義 jquery 元素 index function 1 html()獲取所有的html內容 2 html(value) 設置html內容，有html自動解析 3 text() 獲取文本內容 4 text(value) 設置文本內容，有html自
JQuery快速入門-操作元素的屬性和樣式
dcl 顯示 實現 節點 ali 文本 屬性。 另一個 增加 我們在學習JavaScript時，詳細介紹了DOM對象。從DOM樹可以得知，對DOM的操作，主要包括：元素的屬性、內容、值、CSS。 一、元素屬性的操作 在 jQuery 中，可以對元素的屬性執行獲取、設置、
JavaScript常用DOM操作方法和函數
children 否則 script 調用 font 倒數 arr valueof AS 查找節點ocument.querySelector(selectors) //接受一個CSS選擇器作為參數，返回第一個匹配該選擇器的元素節點。document.querySele
DOM操作（三）
ima 裏的 ati 嵌套 log java .com ctype alt DOM操作（三） 解綁事件 法一： 用什麽方式綁定事件，就應該用對應的方式解綁事件 對象.onclick=null; 法二： 使用removeEventListener 註意：使用addEvent