jQuery例項方法 DOM操作 二

.html() .text() .size()

// .html  innerhtml

// 取值
$('ul').html(); //string型別 
$('ul li').html(); //只得到第乙個li的內容
// 賦值
// $('ul').html('abc
');$('ul li').html('9'); //賦值全能成功
var arrname = ['趙','錢','孫','李'];
$('ul li').html(function(index, ele))
// .text innertext
// 取值
$('ul').text(); //string型別 
$('ul li').text(); //所有li的內容拼接
// 賦值
$('ul li').html(function(index, ele))
// .size length
// jquery版本問題，沒有.size()
// $('ul li').size(); 
$('ul li').length; //4

// addclass removeclass hasclass

// 字串 function
// $('.demo').eq(0).addclass('aa');
$('.demo').addclass( function (index, ele) else
})// removeclass 同 addclass
$('.demo').removeclass( function(index, ele) else
})$('.demo').hasclass('active'); //true false

// 賦值

$('.demo')
.css() //可加px，也可不加
.css(); //width: 200px
//取值
$('.demo').css('backgroundcolor'); // "rgb(255, 0, 0)"
$('.demo').css('width'); // "200px"

// attr 基於 setattribute getattribut

// 取值
console.log( $('.demo').attr('class') ); //"demo"
console.log( $('.demo').attr('eg') ); //"aa"
// selected checked disabled
// console.log( $('input').attr('checked') ); //"undefined"
// console.log( $('input').attr('checked') ); //"checked"
// 賦值
$('.demo').attr('id','test1');

// prop js dom {}

// 特性對映 非特性不能對映
// 取值
console.log( $('.demo').attr('class') ); //"demo"
console.log( $('.demo').attr('eg') ); // undefined
console.log( $('input').attr('checked') ); //true false
// 賦值
$('.demo').prop('log', 'duyi');
// 非特性屬性可新增，不可見，可通過prop取值

jQuery例項方法與DOM操作 壹

get index index number 取得第 index 個位置上的元素。從0開始，返回的是dom物件，類似的有eq index 不過eq index 返回的是jquery物件。這能夠讓你選擇乙個實際的dom 元素並且對他直接操作，而不是通過 jquery 函式。th is get 0 與 ...

JQuery （簡化dom操作）

jquery本質是乙個js檔案，裡面是js常用功能的封裝。比如繫結事件，修改內容，修改樣式等。是乙個函式，是jquery 的簡寫，它的一些過載函式見下。elements 將乙個或多個dom物件 原生js獲取到的dom物件 轉化為jquery物件。id1 html 返回id為id1的jquery物件，...

jQuery操作DOM物件

val 方法 作用 設定或返回表單元素的值，例如 input,select,textarea的值 獲取匹配元素的值，只匹配第乙個元素 selector val 這裡的val 是空值，尤其注意 設定所有匹配到的元素的值 selector val 具體值 text 方法 作用 設定或獲取匹配元素的文字內...