jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute(屬性)的縮寫,在jQuery DOM操作中會經(jīng)常用到attr(),attr()有4個(gè)表達(dá)式。①、attr(屬性名) //獲取屬性的值(取得第一個(gè)匹配元素的屬性值。
成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比白云網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式白云網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋白云地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
CSS-DOMCSS-DOM是針對CSS的操作,在javascript中,CSS-DOM主要的作用是獲取和設(shè)置style對象的各種屬性,由此達(dá)到網(wǎng)頁呈現(xiàn)出各種不同的效果.例如:element.style.color=”red”;//設(shè)置某元素的字體顏色的方法。
提示:如需移除屬性,請使用 removeProp() 方法。B、val() 方法返回或設(shè)置被選元素的值。元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。如果該方法未設(shè)置參數(shù),則返回被選元素的當(dāng)前值。
(.demo).attr(_id,abc)//attr可以獲取或者給demo上添加自定義的_id屬性。
取與設(shè)置樣式 獲取class和設(shè)置class都可以使用attr()方法來完成。
1、remove() 方法移除被選元素,包括所有文本和子節(jié)點(diǎn)。該方法不會把匹配的元素從 jQuery 對象中刪除,因而可以在將來再使用這些匹配的元素。但除了這個(gè)元素本身得以保留之外,remove() 不會保留元素的 jQuery 數(shù)據(jù)。
2、新建HTML文件。引入jquery.min.js文件。創(chuàng)建div和按鈕并添加class樣式。接下來需要?jiǎng)?chuàng)建css樣式。創(chuàng)建js點(diǎn)擊事件。當(dāng)點(diǎn)擊按鈕移除div元素。點(diǎn)擊按鈕效果如圖所示。
3、在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱為“去掉指定標(biāo)簽內(nèi)容”。在test.html文件中,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行clearcon()函數(shù)。
4、直接將標(biāo)簽jquery的remove()方法即可,其下面的內(nèi)容也就同時(shí)移除了。remove() 方法移除被選元素,包括所有文本和子節(jié)點(diǎn)。該方法不會把匹配的元素從 jQuery 對象中刪除,因而可以在將來再使用這些匹配的元素。
5、在index.html中的標(biāo)簽,輸入js代碼:(#test).html($(#test).html().replace(, ).replace(, ));。瀏覽器運(yùn)行index.html頁面,此時(shí)全部span被用jquery刪除掉了。
刪除元素和內(nèi)容,可以通過jquery的remove()和empty()方法,remove()刪除選擇的元素和子元素,empty()只刪除選中元素的子元素。
刪除:使用jQuery的remove方法。添加:使用jQuery的append、after等多個(gè)方法,這些不同的方法是用來決定標(biāo)簽添加的相對位置。舉例如下:以內(nèi)部追加方法append為例。
最好給需要?jiǎng)h除的div元素定義一個(gè)ID,以方便對其進(jìn)行操作;注意JS中是沒有remove();方法的,在jquery中就可以直接使用 $(#divID).remove();移除該元素;這樣非常方便、簡單。