常用jQuery方法

选择器:

              $('#id')    只能选择一个对象

               $('.class')  可以选择多个对象 不用循环

               $('div')    获取一组元素 不用循环

               $('div','p','span','.class') 群组选择器

               $('oParBox oBox')  包含选择器

                css: div > p 直接子级选择器

                 $('label+input') 兄弟选择器

                $("form ~ input") 同辈元素选择器

                 $('div:not(.box)')  否定选择器

                $("input[type='checkbox']") 属性选择器

class操作:

              $(this).addClass('box'); 添加一个class

                $(this).addClass('box box2 box3'); 添加多个class

               $(this).removeClass('oldbox'); 删除一个class

                 $(this).removeClass(); 删除所有class

                 $(this).hasClass('box') 判断是否存在这个class

                 alert($(this).hasClass('box a')); 多个class判断

                $(this).toggleClass('box'); 切换class

筛选:

                 eq(索引值); 获取一组元素中的某一个

                 first() 获取一组中的第一个元素

                   last()  获取一组中的最后一个元素

                 chidlren('筛选条件') 获取一组子元素/如果有参数,筛选其中的某一个

                   parent(); 父级 获取一个元素

                    find("#box") 筛选子级其中的某些/某个元素

                  next(); 获取元素的下一个兄弟节点

                    prev(); 获取元素的上一个兄弟节点

                    siblings(); 获取元素的同级元素

                     contents() 获取文本对象

                     .end() 找回原本的dom节点

文档处理:

                        $('p').append 添加子节点

                          $('div').prepend(oP);  向前添加

                     after() 在某个元素之后添加

                     before() 在某个元素之前添加

                       $('p').appendTo('div'); 将谁添加到谁之内

                      $('p').prependTo($('span')); 向前添加 将谁添加到谁之内

                      insertBefore(); 将谁放到谁之前

                      insertAfter(); 将谁放到谁之后

                     clone();  克隆节点

scrollTop:

           $(document).scrollTop() 获取滚动条上部的距离

            $(document).scrollLeft() 获取滚动条左部的距离

            $('div').width();

            $('div').height();

            $('div').outerHeight(); 包含盒子的border在内

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,771评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,849评论 0 44
  • After Story后日谈 任务 “你要装到什么时候,格雷森?” “痛、痛、痛。你可以顾及一下这是女性的身体吗?...
    墨问非名阅读 5,722评论 1 4
  • 祖国繁荣昌盛的今天,经济快速发展的同时,贫富差距依然在我们身边如影随形。那么由于贫富带来的问题也在我们身边立竿见影...
    阿斯巴甜S阅读 5,241评论 11 4