一、jquery入口函數的幾種寫法 1.$(document).ready(function() { } ) ; 2.jquery(document).ready(function() { } ) ; 3.$(function( ) { } ) ; 二、jquery的衝突問題 有時,jquery中的 ...
一、jquery入口函數的幾種寫法
1.$(document).ready(function() { } ) ;
2.jquery(document).ready(function() { } ) ;
3.$(function( ) { } ) ;
二、jquery的衝突問題
有時,jquery中的$符號有可能會被占用,我們可以釋放系統的$符號,然後自己進行定義
方法:jquery.noConflict( );釋放$符號的使用權,之後只能使用jquery來代替$;通過noConflic還可以實現$的自定義eg:var nv = jquery.noConflict( );
三、jquery的核心函數
jquery的核心函數為$()他可以接受一個函數,也可以接受一個字元串;字元串選擇器;代碼片段以及dom元素
四、jquery對象
jquery對象是一個偽數組,又0--length-1的屬性,並且又lenght屬性
五、jquery中的靜態方法與實例方法
直接添加到類上的為靜態方法,添加到原型上的為實例方法;靜態方法可以通過類名來調用;實例方法通過類的實例調用(創建一個對象,new())
六、jquery中的each方法
原生js中遍曆數組用到forEach方法,參數一,遍歷到的元素,參數二,當前遍歷的索引(不能遍歷偽數組);
jquery中利用each來遍歷對象,$.each(arr, function( ) { } );參數一,遍歷的數組或對象,參數二,一個回調函數(函數中添加兩個形參,形式與forEach中的參數相反);
七、jquery中的map方法
原生js中map方法有三個參數,第一二個與each相同,第三個參數為當前遍歷的數組,
jquery中map與each相似;區別:1.each靜態方法預設的返回值是遍歷誰就返回誰,而map方法的返回值是一個空數組
2.each方法不支持在回調函數中對遍歷的數組進行處理,而map方法則可以,然後會生成一個新的數組
八、jquery中的其他靜態方法
1.$.trim()方法可以去除字元串兩端的空格, 參數:需要去除空格的字元串;返回值:去除空格之後的字元串
2.$.iswindow()方法可以判斷傳入的對象是否是window的對象,返回值:true/false
3.$isArray()方法可以判斷傳入對象是否是真數組,返回值:true/false
4.$siFunction()方法可以判斷傳入的對象是否是一個函數,返回值:true/false(jquery本質上是一個匿名函數)。
九、jquery中的holdready()方法
$.holdready(true)方法可以暫停ready的執行;$.holdready(false)方法可以恢復ready的執行
十、jquery中的常見選擇器
1.empty EG: var div = $("div : empty") 找到既沒有文本內容又沒有子元素的div(空)
2.parent EG : var div = $("div : parent") 找到有文本內容或有子元素的div
3.contains EG:var div = $("div : contains(“我是div”)") 找到包含指定文本內容的div
4.has EG:var div = $("div :has(“span”)") 找到包含指定子元素(span)的(div)指定元素
十一、jquery中attr()方法與removeAttr()方法
attr()方法可以獲取或者設置屬性節點的值;若傳遞一個參數,則代表獲取屬性節點的值,若傳遞兩個參數,則代表設置屬性節點的值;
書寫形式:DOM元素.attr()
註意點:1.如果獲取元素的屬性節點:無論找到多少元素都會返回第一個元素指定節點的值
2.如果設置元素的屬性節點:找到多少個元素就會設置多少個元素的值
3.如果設置元素的屬性節點:屬性節點不存在,則系統會新增該屬性節點
removeAttr()方法
刪除屬性節點,DOM元素.removeAttr(”class“)作用為刪除DOM元素中的class屬性
註意點:會刪除所有選中DOM元素的屬性,參數之間可以用空格相隔,(刪除兩個共有屬性)
十二、prop()方法和removeProp()方法
prop()特點與attr()方法一致;removeProp()與removeAttr()方法一致;
註意點:prop()方法不僅可以操作屬性,還可以操作屬性節點
console . log ( $ ( " input " ) . prop ( " check " ) ) ; //true /f alse;
console . log ( $ ( " input " ) . attr ( " check " ) ) ; //check / undefined ;