Jquery

2017-07-19  本文已影响0人  刘晓洋
  1. 取值赋值合体:
    1)html()
    1.没有参数-取值
    2.有参数-赋值
    2)css();
    1.有一个参数
    -字符串=》取值
    -对象=》设置一组;
    2.两个参数-设置
    3)attr
    1.一个参数-》取值
    2.两个参数-》设置

  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(); 表单序列化(表单元素以对象的形式输出)

  3. on:绑定事件

    $('div').on('click',function(){
        alert(1)
    });

off:解除绑定

    $('div').off('click');

只绑定一次

    $('div').one('click',function(){
        alert(1)
    });
  1. jQuery中没有DOM映射
  2. $('.inner').stop().toggle(1000); 收缩
    $('.inner').slideToggle(); 卷起
    $('.inner').fadeToggle(); 渐隐渐现
    $.extend({})//给类添加私有属性和方法-静态方法 $.xxx()
    $.fn.extend({});//给原型上添加属性和方法--实例可以使用; $().xxx();
    JQ中的outerHeight=>offsetHeight innerHeight=>clientHeight
    $(window).outerHeight(),
  3. JQ中的筛选方法:
    children:子代筛选
    find:后代筛选
    filter:同级筛选
  4. JQ $link[0]/$link.get(0)/$link.eq(0) 前两个一样获取到的结果是原生JS对象,最后一个获 取到的结果依然还是JQ对象
上一篇下一篇

猜你喜欢

热点阅读