jquery獲取style的屬性值有兩種方法
射陽(yáng)網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
第一種是getElementById() 方法。它可以返回對(duì)擁有指定 ID 的第一個(gè)對(duì)象的引用。在操作文檔的一個(gè)特定的元素時(shí),最好給該元素一個(gè) id 屬性,為它指定一個(gè)(在文檔中)唯一的名稱(chēng),然后就可以用該 ID 查找想要的元素。
第二種是getElementsByName() 方法,它可以返回帶有指定名稱(chēng)的對(duì)象的集合。該方法與getElementById() 方法相似,但是它查詢(xún)?cè)氐?name 屬性,而不是 id 屬性。另外,因?yàn)橐粋€(gè)文檔中的 name 屬性可能不唯一(如 HTML 表單中的單選按鈕通常具有相同的 name 屬性),所有 getElementsByName() 方法返回的是元素的數(shù)組,而不是一個(gè)元素。
A、prop() 方法設(shè)置或返回被選元素的屬性和值。
當(dāng)該方法用于返回屬性值時(shí),則返回第一個(gè)匹配元素的值。
當(dāng)該方法用于設(shè)置屬性值時(shí),則為匹配元素集合設(shè)置一個(gè)或多個(gè)屬性/值對(duì)。
注意:prop() 方法應(yīng)該用于檢索屬性值,例如 DOM 屬性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。
提示:如需檢索 HTML 屬性,請(qǐng)使用 attr() 方法代替。
提示:如需移除屬性,請(qǐng)使用 removeProp() 方法。
B、val() 方法返回或設(shè)置被選元素的值。
元素的值是通過(guò) value 屬性設(shè)置的。該方法大多用于 input 元素。
如果該方法未設(shè)置參數(shù),則返回被選元素的當(dāng)前值。
C、removeAttr() 方法從被選元素中移除屬性。
D、設(shè)置或返回匹配元素的樣式屬性
故,此題選擇A
1、編寫(xiě)基礎(chǔ)的HTML文檔。
2、使用.val()獲取值。
3、保存文件,查看屬性選擇器獲取的值。
4、然后在script里添加一個(gè)function,按鈕事件的函數(shù)。使用jquery的 attr方法來(lái)設(shè)置屬性就行了,參數(shù)第一個(gè)是要添加的屬性名,第二個(gè)就是屬性的值。這里我們?yōu)閐iv添加一個(gè)id屬性。
5、保存文件,查看.attr()就可以獲取的屬性值。
在jQuery輸入元素表達(dá)式屬性名即可得到。
如:
1.$("#textId").attr("width")是獲取Id為textId的控件的width屬性。
2.$(".className").attr("width")是獲取包含class名為className的控件的width屬性。
3.$("[name=textName]").attr("width")是獲取name為textName的控件的width屬性。
但要注意,jquery取到的可能是一個(gè)數(shù)組,如果確定屬性為同一值,則沒(méi)問(wèn)題,否則應(yīng)該循環(huán)取得控件,再取屬性值。如:$("#textId")[0].width是取第一個(gè)控件的width屬性。但也有寫(xiě)屬性用attr取不到,也需要用角標(biāo)的方式取得控件后再取屬性。
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫(xiě)更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。