Jquery操作元素屬性

1.獲取元素的屬性：

$('.btn').attr('property')     //property可以使元素的樣式屬性，如style或value等

2.0設定元素的屬性：

$('.btn').attr('屬性名稱',''屬性值);    //  $('.btn').attr('type','text')

2.1.設定元素的多個屬性：

$('.btn').attr('屬性名稱',''屬性值);    //  $('.btn').attr();

3.獲取和設定表單的值：

$('input').val();//獲取表單元素的值

$('input').val('value');設定表單元素的值

5.1-建立節點：

$()函式方法   //    var obj=$('html**');

html()方法     //$(div).html('html**');  例如，$(div).html('這是乙個p段落

'); 

5.2-插入節點：

插入在內部元素的最後處  如

');prependto()    //  $('我是要插入的p節點

').prependto('ul');

插入在內部元素的最前面，如

');insertbefore()   //  $('ul').insertbefore('我是要插入的p節點

');//插入在元素外部的最前面

我是要插入的p節點

');insertafter()   //  $('ul').insertafter('我是要插入的p節點

');//插入在元素外部的最後面

我是要插入的p節點

remove()方法       //直接刪除節點，不可恢復   $('p').remove()

empty()  方法     //清空節點中的內容，節點還存在  $('p').empty()

detach() 方法      //刪除節點後可以恢復

例如：

刪除段落

恢復段落
今天天氣不錯

//後面若無引數，值複製內容，不複製行為。

//後面若有引數，為true時，不但複製內容，還複製事件行為 

5.5-替換節點

$('div').replacewith('春暖花開

');   //方法一

$('春暖花開

').replaceall('div');      //方法二

5.6-包裹節點

.wrap()方法    //包裹節點，為每個匹配到的元素新增父元素，將其「包裹」起來。

$(''li).wrap('')    //執行**後，將每個li都包裹起來如下圖所示

$('li').wrapall('');   //執行**後，將全部的li使用一對strong包裹起來如下圖所示

$('li').wrapinner(''),執行**如下圖所示 

$('li').each(function(index),element);         //index為遍歷元素的索引，從0開始 

//element為當前元素，一般用this代表當前元素

例如，有以下**

$('li').each(function(index)

})

5.6-鏈式程式設計

$('img').css('background','red').attr('alt','這是一張');               //設定img的背景為紅色且alt屬性為:這是一張**

jQuery操作元素屬性

返回或設定被選元素的屬性和值 當返回屬性值時，則返回第乙個匹配元素的值 當設定屬性值時，則為匹配元素集合設定乙個或多個屬性 值對 語法格式 返回屬性的值 selector prop property 設定屬性和值 selector prop property,value 使用函式設定屬性和值 sel...

使用jQuery操作元素屬性

在jquery中,提供了attr函式來操作元素屬性,具體如下 函式名 說明例子 attr name 取得第乙個匹配元素的屬性值.input attr value attr property 將乙個 名 值 形式的物件設定為所有匹配元素的屬性 input attr attr key,value 為所有...

jquery選擇元素和屬性操作

選擇某個頁面元素,然後對它進行某種操作.jquery選擇可以快速地選擇元素,選擇規則和css樣式相同,可以使用length屬性判斷是否選擇成功.myid 選擇id為myid的網頁元素 myclass 選擇class為myclass的元素 li 選擇所有的li標籤元素 ul1 li span 選擇id...