JQuery日常操作有選擇器,獲取和操作屬性,css樣式,文本等等,下面是一些常用的操作,代碼以圖片形式(哈哈,其實(shí)還是我懶,大神別噴我,我還是渣渣),就是一些日常的學(xué)習(xí)筆記

JQuery中的屬性選擇器

表單選擇器

要與屬性選擇器進(jìn)行區(qū)分

這兩個(gè)寫法獲取的對(duì)象都是一樣的,注意一般前面是冒號(hào)的,可以默認(rèn)為選擇input標(biāo)簽里含有該屬性的對(duì)象

第二句代碼是指事件綁定,不再是打開(kāi)頁(yè)面就執(zhí)行了,而是將其綁定到了id為bul的按鈕里,點(diǎn)擊按鈕才執(zhí)行里面的方法

可以綜合成json(JavaScript Object Notation 一種輕量級(jí)數(shù)據(jù)交換格式)數(shù)據(jù)格式

操作CSS樣式

JS操作CSS樣式:

JS對(duì)象.style.樣式名=”設(shè)定的值”;(只支持行內(nèi)樣式)

JQuery操作CSS樣式:

JQuery對(duì)象.css(“樣式名”,”設(shè)定的值”)(不僅支持行內(nèi)樣式,也支持內(nèi)嵌樣式);

增加CSS樣式

JS增加CSS樣式可以通過(guò)增加類的方式

JQuery增加CSS樣式同樣可以通過(guò)增加類的方式(以下兩種均可)

獲取屬性

JS的獲取方式: JS對(duì)象.屬性名

JQuery的獲取方式 Jquery對(duì)象.attr(“屬性名”)

兩個(gè)獲取值的方法的差別:

下圖中tex為JQuery對(duì)象

操作屬性

和操作css相類似

對(duì)于多選框和select選擇,用上面那種就是返回該屬性對(duì)于的值checked,而下面的是返回布爾值,選中了是true

如果該選擇框沒(méi)有checked屬性,則上面的會(huì)顯示undefined,下面的會(huì)返回false

當(dāng)沒(méi)有checked屬性時(shí)使用上面方法可以操作多選框選項(xiàng)選中

而使用下面方法則不行,注意兩者的區(qū)別

獲取值

一般來(lái)說(shuō)雙標(biāo)簽用上面兩者方法獲取值

單標(biāo)簽用val()方法獲取值,

特殊標(biāo)簽如select,textarea這兩個(gè)雙標(biāo)簽也用val()獲取值

操作值

上面圖片第三行代碼,可以在原有內(nèi)容上新增內(nèi)容

而第四行代碼是替換掉原有內(nèi)容

操作頁(yè)面元素

添加元素節(jié)點(diǎn)

上面紅色框框住的方法作用都是相同的,只不過(guò)寫法不同而已,注意是哪個(gè)添加到哪個(gè)

刪除元素節(jié)點(diǎn)

事件綁定

使用bind可以支持json格式,可以進(jìn)行多個(gè)事件的綁定

而其他事件只能綁定一個(gè)事件

可以在一個(gè)事件中執(zhí)行其他的事件,使用trigger

Live方法(1.7版本后失效,如要使用,可以去百度靜態(tài)資源庫(kù)下載1.7版本)

以上就是今天總結(jié)的內(nèi)容,圖片比較多,主要還是我懶,其實(shí)還有很多選擇器和方法沒(méi)有列出來(lái),還是需要好好去看API文檔熟悉的,總結(jié)的不對(duì)的地方,還望大家多多指正哈,本人感激不盡

總結(jié)

以上是生活随笔為你收集整理的jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。