Jquery

  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类库的运用时,加入JQuery类库,并且要保证先写文档就绪函数 $(document).r...
    Sunshinemm阅读 2,932评论 1 40
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,506评论 0 44
  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 961评论 0 2
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,634评论 0 11
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,112评论 0 8