![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yM2UmZhRjY1IGM1ImN5EWN2IDZyMjYkdTN2IDZwczN58CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
JQuery日常操作有選擇器,擷取和操作屬性,css樣式,文本等等,下面是一些常用的操作,代碼以圖檔形式(哈哈,其實還是我懶,大神别噴我,我還是渣渣),就是一些日常的學習筆記
JQuery中的屬性選擇器
表單選擇器
要與屬性選擇器進行區分
這兩個寫法擷取的對象都是一樣的,注意一般前面是冒号的,可以預設為選擇input标簽裡含有該屬性的對象
第二句代碼是指事件綁定,不再是打開頁面就執行了,而是将其綁定到了id為bul的按鈕裡,點選按鈕才執行裡面的方法
可以綜合成json(JavaScript Object Notation 一種輕量級資料交換格式)資料格式
操作CSS樣式
JS操作CSS樣式:
JS對象.style.樣式名=”設定的值”;(隻支援行内樣式)
JQuery操作CSS樣式:
JQuery對象.css(“樣式名”,”設定的值”)(不僅支援行内樣式,也支援内嵌樣式);
增加CSS樣式
JS增加CSS樣式可以通過增加類的方式
JQuery增加CSS樣式同樣可以通過增加類的方式(以下兩種均可)
擷取屬性
JS的擷取方式: JS對象.屬性名
JQuery的擷取方式 Jquery對象.attr(“屬性名”)
兩個擷取值的方法的差别:下圖中tex為JQuery對象
操作屬性
和操作css相類似
對于多選框和select選擇,用上面那種就是傳回該屬性對于的值checked,而下面的是傳回布爾值,選中了是true
如果該選擇框沒有checked屬性,則上面的會顯示undefined,下面的會傳回false
當沒有checked屬性時使用上面方法可以操作多選框選項選中
而使用下面方法則不行,注意兩者的差別
擷取值
一般來說雙标簽用上面兩者方法擷取值
單标簽用val()方法擷取值,
特殊标簽如select,textarea這兩個雙标簽也用val()擷取值
操作值
上面圖檔第三行代碼,可以在原有内容上新增内容
而第四行代碼是替換掉原有内容
操作頁面元素
添加元素節點上面紅色框框住的方法作用都是相同的,隻不過寫法不同而已,注意是哪個添加到哪個
使用bind可以支援json格式,可以進行多個事件的綁定
而其他事件隻能綁定一個事件
可以在一個事件中執行其他的事件,使用trigger
Live方法(1.7版本後失效,如要使用,可以去百度靜态資源庫下載下傳1.7版本)
以上就是今天總結的内容,圖檔比較多,主要還是我懶,其實還有很多選擇器和方法沒有列出來,還是需要好好去看API文檔熟悉的,總結的不對的地方,還望大家多多指正哈,本人感激不盡