前端 JQuery基本介紹

1、js的全域性**區只有乙個，這樣會造成同名變數的值會被覆蓋。

2、使用物件封裝，將**封裝到物件中，但是物件如果被覆蓋，則全部失效，風險極高。

3、使用工廠模式，將**進行封裝，但是並沒有解決問題

4、將封裝的函式名字去除，避免覆蓋。但是函式沒有辦法呼叫了。

5、匿名自呼叫，可以在頁面載入的時候呼叫一次。但是不能重複呼叫，並且資料沒有辦法獲取

閉包原理：在全域性中不能獲取函式體內的資料。使用更大作用域的變數來記錄小作用域變數的值。

6、使用閉包，將資料一次性掛在到windows物件下

1、基本選擇器

id選擇器標籤選擇器類選擇器

組合選擇器

2、層次選擇器

3、簡單選擇器

4、內容選擇器

5、可見性選擇器

6、屬性選擇器

7、子元素選擇器

注意：jquery中選擇器獲取的是儲存了html元素物件的陣列。

jquery獲取元素物件不能直接使用js的內容，按照陣列的取出方式將物件取出後可以使用js的內容

獲取：

物件名.attr("屬性名")//返回當前屬性值
注意：此種方式不能獲取value屬性的實時資料，使用物件名.val()進行獲取。

修改：

物件名.attr("屬性名","屬性值")；

獲取元素物件

1、獲取

物件名.html()//返回當前物件的所有內容，包括html標籤。
物件名.text()//返回當前物件的文字內容，不包括html標籤

2、修改

物件名.html("新的內容")//新的內容會將原有內容覆蓋，html標籤會被解析執行

物件名.text("新的內容")//新的內容會將原有內容覆蓋，html標籤不會被解析

1、使用css()

物件名.css("屬性名")//返回當前屬性的樣式值
物件名.css("屬性名"，"屬性值")//增加、修改元素樣式
物件名.css()//使用json傳參，提公升書寫**效率

2、使用addclass()

物件名.addclass("類選擇器名")//增加乙個類樣式
物件名.removeclass("類選擇器名")//刪除乙個類樣式

獲取元素物件

1、內部插入 prepend() 將指定的元素追加到物件的內部的前面 prependto() 將指定的元素追加到指定的物件內容前面 2、外部插入 after 將指定的內容追加到指定的元素後面 before 將指定的內容追加到指定的元素後面 inserafter 把所有匹配的元素插入到另乙個，指定的元素元素集合的後面

inserbefore 把所有匹配的元素插入到另乙個，指定的元素元素集合的後面

元素物件.bind("事件名",fn)//動態的給指定的元素追加指定的事件及監聽的函式注意： js中的是一次新增，多次新增時覆蓋的效果 jquery是追加效果，可以實現給乙個事件新增不同的監聽效果。元素物件.unbind("事件名")//移除指定的元素物件的指定事件注意：js方式新增的事件不能移除。元素物件.one("事件名",fn)//給指定的元素物件新增一次性事件，事件觸發執行一次即失效。

注意：可以給事件新增多個一次函式，unbind可以用來解綁

$(document).ready(fn);
頁面載入成功後會呼叫傳入的函式物件
注意：此方式可以給頁面載入動態的增加多個函式物件，不會被覆蓋。

前端 JQuery基本介紹

前端學習前端基本介紹

Jquery版本介紹 DTT的前端之路

前端 jQuery框架

前端 JQuery基本介紹

前端學習 前端基本介紹

Jquery版本介紹 DTT的前端之路

前端 jQuery框架

相關推薦

前端學習前端基本介紹