前端 JQuery基本介紹

2021-10-02 11:19:18 字數 2010 閱讀 1036

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版本介紹 DTT的前端之路

1.x 相容ie6 ie7 ie8。最新版本1.12.4 2016年5月20日更新 2.x 不相容ie6 ie7 ie8。一般不推薦使用,如果你想放棄那些ie678的客戶。最新版本2.2.4 2016年5月20日更新 3.x 不相容ie6 ie7 ie8,只支援最新瀏覽器,一般不推薦使用。移動端開發...

前端 jQuery框架

1.x 相容性更好,支援很多舊的瀏覽器,ie6,ie7 3.x 更新,體積更小 匯入jquery的js 1 基本選擇器 id值,class值,標籤名 表示選擇所有標籤 用來把多個選擇器的結果合併 選擇器 對比document.getelementbyid document.getelementsby...