一、jquery - 獲得內容和屬性:
1.jquery擁有可操作html元素和屬性的強大方法。
2.jquery dom操作:jquery中非常重要的部分,就是操作dom的能力。jquery提供一系列與dom相關的方法,這使訪問和操作元素和屬性變得很容易。
【提示】:dom=document object model(文件物件模型)
3.獲得內容:(三個簡單實用的用於dom操作的jquery方法)
①text()—設定或返回所選元素的文字內容
②html()–設定或返回所選元素的內容(包括html標記)
③val()—–設定或返回表單字段的值
二、jquery - 新增元素:
1.如需刪除元素和內容,一般可以使用以下兩個jquery方法:
<1>remove() - 刪除被選元素(及其子元素)
<2>empty() - 從被選元素中刪除子元素
四、獲取並設定css類:
1.jquery擁有若干進行css操作的方法。我們先來了解這些:
<1> addclass() - 向被選元素新增乙個或多個類
<2> removeclass() - 從被選元素刪除乙個或多個類
<3> toggleclass() - 對被選元素進行新增/刪除類的切換操作
<4>css() - 設定或返回樣式屬性
五、jquery - 尺寸:
jquery提供多個處理尺寸的重要方法:
<1> width()
<2>height()
<3>innerwidth()
<4>innerheight()
<5>outerwidth()
<6>outerheight()
1.width()和height()方法:
width()方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。
height()方法設定或返回元素的高度(不包括內邊距、邊框或外邊距)。
2.innerwidth()和innerheight()方法:
innerwidth()方法返回元素的寬度(包括內邊距)。
innerheight()方法返回元素的高度(包括內邊距)。
3.outerwidth()和outerheight()方法:
outerwidth()方法返回元素的寬度(包括內邊距和邊框)
outerheight()方法返回元素的高度(包括內邊距和邊框)
六、jquery - noconflict()方法:
如何在頁面上同時使用jquery和其它框架?
正如你所了解到的,jquery使用符號
作為jq
uery
的簡寫。
但是如果
其它js
框架也使
用 符號作
為jqu
ery的
簡寫。但
是如果其
它js框
架也使用
符號作為簡寫怎麼辦,如果你在用的兩種不同的框架正在使用相同的簡寫符號,有可能導致指令碼停止執行。noconflict()方法會釋放對$標誌符的控制,這樣其它指令碼就可以使用它了。解決以上問題我整理出了三種方法:
1.你仍然可以通過全名替代簡寫的方式來使用jquery:
$.noconflict();
jquery(document).ready(function
());
});script>
2.你可以自己建立自己的簡寫。noconflict()可返回對jquery的引用,你可以把它存入變數,以供稍後使用。
符號作為變數傳遞給ready方法。這樣就可以在函式內使用$符號了,而在函式外,依舊不得不使用」jquery」
$.noconflict();
jquery(document).ready(function
($));
});script>
jquery基礎知識點總結
方式一 function 方式二 document ready function 注意 使用jquery獲取的物件叫做jquery物件,只能使用jquery的方法,使用原生js獲取的物件叫做dom物件,只能使用原生方法,兩者不能混用 因此可以讓jquery物件跟dom物件相互轉換 dom物件轉換為j...
Jquery基礎知識點梳理
1 第乙個jq程式 a jq物件和dom物件的方法不能混用 b dom物件轉換成jq物件 dom jq物件轉換成dom物件jq 0 轉換之後方法就可以使用了 2 jq選擇器 基本選擇器 body 標籤選擇器 btn id選擇器 class 類選擇器 p odd 奇偶行選擇器 p even p fir...
jQuery基礎知識點(上)
jquery是乙個優秀的 輕量級的js庫 它相容css3,還相容各種瀏覽器 ie js入口函式只能出現一次,出現多次會存在事件覆蓋的問題。jquery的入口函式,可以出現任意多次,並不會存在事件覆蓋問題。區別二 執行時機不同 js入口函式是在所有的檔案資源載入完成後,才執行。這些檔案資源包括 頁面文...