Jquery

作者: 刘晓洋 | 来源:发表于2017-07-19 20:35 被阅读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对象

    相关文章

      网友评论

          本文标题:Jquery

          本文链接:https://www.haomeiwen.com/subject/lsrrkxtx.html