Jquery
2017-07-19 本文已影响0人
刘晓洋
-
取值赋值合体:
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对象