JQuery小碎的知識點
1.怎樣區分JQuery對象和DOM對象?
這個其實很簡單,JQuery對象是利用工廠函數 (“#box”),通常情況下,如果是JQuery對象,那麼在代碼中習慣性的在前面加上”美元符號”,例如:var a=$(“#box”);,諸如此類.
2.如何進行JQuery對象和DOM對象的互相轉化
首先聲明,一下代碼不是我的獨創,是我借鑑別人的
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<!--<body>
JQuery對象轉DOM對象
<p>my</p>
<p>my</p>
<script src="js/jquery-1.8.3.js"></script>
<script>
var $cr = $("p"); //jquery對象
var cr = $cr[1]; //dom對象
var ct = $cr.get(0) //第二種轉換爲DOM對象的方式
cr.innerHTML = "you" //檢測是否轉換成功,可以用DOM方法 輸出結果爲第二個my改成了you
ct.innerHTML = 'fuck' //輸出結果第一個my改成了fuck
</script>
</body>-->
<body>
DOM對象轉化爲JQuery對象
<p>my</p>
<p>my</p>
<script src="js/jquery-1.8.3.js"></script>
<script>
var cr = document.getElementsByTagName("p") //DOM對象
var $cr = $(cr); //jquery對象
$cr.eq(0).html("fuck"); //檢測是否轉換成功,可以用jquery方法 輸出結果爲第二個my改成了fuck
$cr.eq(1).html("you"); //輸出結果爲my改成you
</script>
</body>
</html>```
3.在運用removeClass方法時,需要注意的一點
,注意$(“#box”).removeClass() 中的括號,如果這個括號爲空,那麼你將要移除ID爲box的中所有的樣式.所以一定要慎重.
4.JQuery中ready事件簡寫
//ready事件的完整寫法
$(document).ready(function(){
});
//簡化寫法
$(function(){
});```