取值賦值合體:
1)html()
1.沒有參數-取值
2.有參數-賦值
2)css();
1.有一個參數
-字符串=》取值
-對象=》設置一組;
2.兩個參數-設置
3)attr
1.一個參數-》取值
2.兩個參數-》設置jquery元素跟jQuery方法;
JS元素跟JS語法;
Jquery和JS可以相互轉換,就是可以共存;
jQuery轉JS:$().get(索引) $()[索引]
JS轉jQuery:$(JS元素)
$p1=$('p:last')
$p3=$('p:eq(3)')
$('input').val()//val:用來獲取表單元素的value值
$('p').prependTo($('div')).css('background', 'red'); 前邊變紅
$('div').prepend($('p')).css('background','red') 后邊變紅
res=$('form').serializeArray(); 表單序列化(表單元素以對象的形式輸出)on:綁定事件
$('div').on('click',function(){
alert(1)
});
off:解除綁定
$('div').off('click');
只綁定一次
$('div').one('click',function(){
alert(1)
});
- jQuery中沒有DOM映射
- $('.inner').stop().toggle(1000); 收縮
$('.inner').slideToggle(); 卷起
$('.inner').fadeToggle(); 漸隱漸現
$.extend({})//給類添加私有屬性和方法-靜態方法 $.xxx()
$.fn.extend({});//給原型上添加屬性和方法--實例可以使用; $().xxx();
JQ中的outerHeight=>offsetHeight innerHeight=>clientHeight
$(window).outerHeight(), - JQ中的篩選方法:
children:子代篩選
find:后代篩選
filter:同級篩選 - JQ $link[0]/$link.get(0)/$link.eq(0) 前兩個一樣獲取到的結果是原生JS對象,最后一個獲 取到的結果依然還是JQ對象