美文网首页
常用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