美文网首页
常用jQuery方法

常用jQuery方法

作者: Mx勇 | 来源:发表于2016-11-16 23:33 被阅读14次

    选择器:

                  $('#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在内

    相关文章

      网友评论

          本文标题:常用jQuery方法

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