jquery獲取屬性常用方法

Ⅰ jQuery如何獲取指定的屬性值

在jQuery輸入元素表達式屬性名即可得到。
如：

1.$("#textId").attr("width")是獲取Id為textId的控制項的width屬性。

2.$(".className").attr("width")是獲取包含class名為className的控制項的width屬性。

3.$("[name=textName]").attr("width")是獲取name為textName的控制項的width屬性。

Ⅱ 怎麼通過JQuery 獲取 該對象 的 所有 屬性和值

1、JQuery的核心的一些方法
each(callback) '就像循環
$("Element").length; 『元素的個數，是個屬性
$("Element").size(); '也是元素的個數，不過帶括弧是個方法
$("Element").get(); 『某個元素在頁面中的集合，以數組的形式存儲
$("Element").get(index); '功能和上面的相同，index表示第幾個元素，數組的下標
$("Element").get().reverse(); 『把得到的數組方向
$("Element1").index($("Element2")); '元素2在元素1中的索引值是。

2、基本對象獲取(注意這里獲取的都是Jquery對象而不是Dom對象哦，但是他倆是可以轉換滴)
$("*") 『表示獲取所有對象 但是我至今沒這樣用過
$("#XXX") '獲得 id=XXX 的元素對象（id可以是標簽的id或CSS樣式id） 常用

$("input[name='username']") 獲得input標簽中name='userName'的元素對象 常用

$(".abc") ' 獲得樣式class的名字是.abc的元素對象 常用
$("div") ' 標簽選擇器 選擇所有的div元素 常用
$("#a,.b,span") '表示獲得ID是a的元素和使用了類樣式b的元素以及所有的span元素
$("#a .b p") 'ID號是a的並且使用了 b樣式的 所有的p元素

3、層級元素獲取
$("Element1 Element2 Element3 ....") '前面父級 後面是子集
$("div > p") '獲取div下面的所有的 p元素
$("div + p") 'div元素後面的第一個 p元素
$("div ~ p") 'div後面的所有的 p元素

4、簡單對象獲取
$("Element:first") 'HTML頁面中某類元素的第一個元素
$("Element:last") 'HTML頁面中某類元素的最後一個元素
$("Element:not(selector)") '去除所有與給定選擇器匹配的元素,如：$("input:not(:checked)") 表示選擇所有沒有選中的復選框
$("Element:even") '獲得偶數行
$("Element:odd「）'獲得奇數行
$("Element:eq(index)") '取得一個給定的索引值
$("Element:gt(index)") '取得給定索引值的元素 之後的所有元素
$("Element:lt(index)") '取得給定索引值的元素 之前的所有元素

5、內容對象的獲取和對象可見性
$("Element:contains(text)") '元素中是否包含text文本內容
$('Element:empty") '獲得元素不包含子元素或文本的
$("Element:partnt") '獲得元素包含子元素或文本的
$("Element:has(selector)") 『是否包含某個元素， 如：$("p:has(span)")表示所有包含span元素的p元素
$("Element:hidden") '選擇所有可見元素
$("Element:visible") '選擇所有不可見元素

6、其他對象獲取方法
$("Element[id]") '所有帶有ID屬性的元素
$("Element[attribute = youlika ]" '獲得所有某個屬性為youlika的元素
$("Element[attribute != youlika ]" '獲得所有某個屬性為不是youlika的元素
$("Element[attribute ^= youlika ]" '獲得所有某個屬性為不是youlika的開頭的元素
$("Element[attribute $= youlika ]" '獲得所有某個屬性為不是youlika的結尾的元素
$("Element[attribute *= youlika ]" '獲得所有某個屬性包含youlika的開頭的元素
$("Element[selector1][selector2][....]") '符合屬性選擇器，比如$("input[id][name][value=youlika ]")表示獲得帶有ID、Name以及value是youlika 的input元素。

7、子元素的獲取
$("Element:nth-child(index)") '選擇父級下面的第n個元素
$("Element:nth-child(even)") '選擇父級下面的偶數
$("Element:nth-child(odd)") '選擇父級下面的奇數
$("Element:nth-child(3n+1)") '表達式
$("Element:first-child") '選擇父級下面的第一個子元素
$("Element:last-child") '選擇父級下面的最後一個子元素
$("Element:only-child") '匹配父級下的唯一的一個子級元素，例如dt在dl列表中唯一，那麼將選擇dt

8、表單對象獲取
$(:input)//查找所有的Input元素，當然也包括下拉列表，文本域，單選框，復選框等。
$(:text)//匹配所有的單行文本框
$(:password)//匹配所有的密碼框
$(:radio)//匹配所有的單選按鈕
$(:checkbox)//匹配所有的復選框
$(:submit)//匹配所有的提交按鈕
$(:image)//匹配所有的圖像域，例如
$(:reset)//匹配所有的重置按鈕
$(:button)//匹配所有的按鈕
$(:file)//匹配所有的文件上傳域
$(:hidden)//匹配所有的不可見元素或者type為hidden的元素
$(:enabled)//匹配所有可用的input元素，比如radio:enabled表示匹配所有可用的單選按鈕
$(:disabled)//匹配所有的不可用input元素，作用與上相反
$(:checked)//匹配所有選中的復選框元素
$(:selected)//匹配所有的下拉列表

9、元素屬性的設置與移除
$("Element").attr(name) '取得第一個匹配的屬性值，比如$("img").attr("src")
$("Element".attr(key,value)") '某一個元素設置屬性
$("Element".attr({key:value,key1:value,....})) 『為某個元素一次性設置多個屬性
$("Element").attr(key,function) '為所有匹配的元素設置一個計算的屬性值。
$("Element").removeAttr(name)//移除某一個屬性

Ⅲ jquery怎麼獲取style裡面的屬性值

jquery獲取style的屬性值有兩種方法

第一種是getElementById() 方法。它可以返回對擁有指定 ID 的第一個對象的引用。在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然後就可以用該 ID 查找想要的元素。

Ⅳ jquery中可以用什麼方法來獲取和設置元素屬性

attr方法可用來獲取或設置屬性，根據參數個數的不同來定時獲取還是設置內，當只有1個參數時容表示獲取屬性值，當有2個參數時表示設置元素屬性。
例如將圖片的寬度設置成150：
$("img").attr("width","150");
//參數有width和150，所以是設置
例如獲取圖片的寬度：
$("img").attr("width");
//參數只有width,所以此時是獲取

Ⅳ jQuery常用屬性和方法有哪些

屬性：

獲得標簽：$("#id")
獲得標簽內的代碼：.html()
獲得標簽內的文本：.text()
修改標簽內的代碼：.html("內容");
修改標簽內的文本：.html("內容");

獲得標簽屬性：.attr("屬性");
修改標簽屬性：attr("屬性","屬性值");

添加樣式：addClass("樣式名");
動態切換樣式：toggleClass("樣式名");
獲取樣式：css

添加元素：append("元素");
移去元素：.remove();
清空節點： .empty();

獲取第二個li節點： var $li=$("ul li:eq(1)");
獲取第二個li節點的文本內容： var li_txt=$
方法：
一：插入節點：
append() 向每個匹配的元素文本內部的後面追加內容
eg：<p>我想說：</p>

代碼：

$("p").append("<b>你好</b>");

結果為：<p>我想說：<b>你好</b></p>

appendto() 將所有的匹配的元素追加到指定的元素中。實際上，使用該方法是顛倒了常規的$(A).append(B)的操作，即不是B追加到A中，而是將A追加到B文本的後面中。
eg：<p>我想說：</p>

代碼：

$("<b>你好</b>").appendTo("p");

結果為：<p>我想說：<b>你好</b></p>

prepend() 向每個匹配的元素文本的內部前置內容。
eg：<p>我想說：</p>

代碼：

$("p").prepend("<b>你好</b>");

結果為：<p><b>你好</b>我想說：</p>

prependto() 將所有的匹配的元素前置到指定的元素中。實際上，使用該方法是顛倒了常規的$(A).append(B)的操作，即不是B前置到A中，而是將A前置到B中
eg：<p>我想說：</p>

代碼：

$("<b>你好</b>").prependto("p");

結果為：<p><b>你好</b>我想說：</p>

after() 向每個匹配的元素之後插入內容 。
eg：<p>我想說：</p>

代碼：

$("p").after("<b>你好</b>");

結果為：<p>我想說：<b>你好</b></p>

insertAfter 將所有的匹配的元素插入到指定的元素後面。實際上，使用該方法是顛倒了常規的$(A).append(B)的操作，即不是B插入到A後面，而是將A插入到B後面。
eg：<p>我想說：</p>

代碼：

$("<b>你好</b>").after("p");

結果為：<p>我想說：<b>你好</b></p>
before() 在每個匹配的元素之前插入內容
eg：<p>我想說：</p>

代碼：

$("<b>你好</b>").after("p");

結果為：<p>我想說：<b>你好</b></p>
insertBefore():將A標簽插入到B標簽的前面

二：刪除：
①remove 該節點所包含的所有的後代節點將同時被刪除 也可以通過參數來選擇
②empty 清空節點，它能清空元素中的所有後代節點

三：替換節點：
①replaceWith() 作用是將所有匹配的元素都替換成指定的HTML或DOM元素
②replaceAll()

四：包裹節點:
①warp() 作用是是將所有元素進行單獨包裹
②warpAll() 作用元素的是所有匹配的元素用一個元素來包裹
③warpinner() 作用是將每一個的子內容（包括文本節點）用其他結構化的標記包裹起來

五：設置和獲取HTML、文本值
1、html()：
2、text
3、val

六：遍歷節點
1、children（）： 取得匹配元素的子元素
2、next（）：取得匹配元素後面緊鄰的同輩元素
3、prev（）：取得匹配元素前面緊鄰的同輩元素
4、siblings（）：取得匹配元素前後所有的同輩元素
5、closest（）：取得最近的匹配元素

七：css-dom
css 獲取樣式的屬性

offset（）
position
scroll
scrollLeft

樣式操作：
1：獲取樣式和設置樣式 attr
eg：<p class="myClass" title="選擇你最喜歡的水果">你最喜歡的水果是？</p>
獲取樣式： var p_class=$("p").attr("class");
設置樣式：$("p").attr("class","high");
2：追加樣式 addClass
<style>
.high{
font-weight:bold 粗體字
color:red 字體顏色
}
.another{
font-weight:italic 斜體字
color:blue 字體顏色
}
</style>

追加樣式：

$("input:eq(2)").click(function(){$("p".addClass("another"))})

☆在css中有以下規定：
①如果給一個元素添加了多個class值，那麼就相當於合並了他們的樣式
②如果不同的class設置了同一樣式，則後者覆蓋前者
addClass attr
對同一個網頁元素進行操作 <p>test</p> <p>test</p>
第一次使用 $<"p">.addClass("high"); $<"p">.attr("class","high");
第一次結果 <p class="high">test</p> <p class="high">test</p>
再次使用 $<"p">.addClass("another"); $<"p">.attr("class","another");
最終結果 <p class="high another">test</p> <p class="another">test</p>

3：移除樣式 removeClass
<p class="high another">test</p>
移除一個：$<"p">.removeClass("high");
移除二個：$<"p">.removeClass("high").removeClass("another");==$<"p">.removeClass("high another")
移除全部：$<"p">.removeClass();

4：切換樣式 toggle

5：判斷是否含有摸個樣式 hasClass
可以用來判斷元素中是否含有某個class，如果有返回true否則返回false

Ⅵ jQuery如何獲取指定的屬性值

問題分析：
在jQuery中獲取HTML標簽的屬性，可以使用attr方法。
舉例說明：
接下來的案例將演示如何獲取a標簽的href屬性。
HTML代碼：
<ahref="https://..com/question/585413051.html"></a>
jQuery代碼：
varhref=$('a').attr('href');
alert(href);
運行結果：
總結：
從結果可以看出，jQuery正確獲取了a標簽中href屬性的值。

Ⅶ 在JQuery中,課用於獲取元素屬性值的方法是

A、prop() 方法設置或返回被選元素的屬性和值。
當該方法用於返回屬性值時，則返回第一個匹配元素的值。
當該方法用於設置屬性值時，則為匹配元素集合設置一個或多個屬性/值對。
注意：prop() 方法應該用於檢索屬性值，例如 DOM 屬性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。
提示：如需檢索 HTML 屬性，請使用 attr() 方法代替。
提示：如需移除屬性，請使用 removeProp() 方法。
B、val() 方法返回或設置被選元素的值。
元素的值是通過 value 屬性設置的。該方法大多用於 input 元素。
如果該方法未設置參數，則返回被選元素的當前值。
C、removeAttr() 方法從被選元素中移除屬性。
D、設置或返回匹配元素的樣式屬性
故，此題選擇A