JQuery基础总结

JQuery基础总结 

1、$("input[type='button']")

                 用于找到type属性为button的input元素

2、each()函数遍历

3、设置css： .css('border','none')

4、一次需要设置多个CSS值：
            .css({'border':'none','borderBottom':'solid 1px navy','width':'30px'});

5、取得当前jQuery对象的样式属性color的值：css('color')

6、jQuery("ul>li:first").addClass("selected")：

             "ul>li:first"中ul>li表示所有位于ul下的li元素

             addClass()为jQuery对象用来添加CSS样式类的函数，相反的函数为removeClass()。

7、$("p.intro") 选取所有 class="intro" 的 <p> 元素。

      $("p#demo") 选取 id="demo" 的第一个 <p> 元素

8、$("[href]") 选取所有带有 href 属性的元素。

      $("[href='#']") 选取所有带有 href 值等于 "#" 的元素

     $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素

9、var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

10、$(".panel").slideToggle("slow");

       class=“panel”的区域缓缓出现
11、 $("button").click(function(){
                            $("div").fadeTo("slow",0.25);
                   });//淡化

12、$("#box").animate({height:300},"slow");

        id=“box”的对象高度缓缓变为300

13、toggle() 函数使用 show() 或 hide() 函数来切换 HTML 元素的可见状态。

      toggle(speed,callback)

                speed 参数可以设置这些值："slow", "fast", "normal" 或 毫秒。

                callback 参数是在该函数完成之后被执行的函数名称。

    slideToggle(speed,callback)使用方法同toggole（）。
14、html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。

15、alert($("dl.[tag='1']").hasClass("close"));  判断<dl tag="1">是否有class="close"属性

16、toggleClass(class)

             如果存在（不存在）就删除（添加）一个类。

       移除所有 <p> 的 "intro" 类：

                   $("button").click(function(){
                              $("p:first").removeClass("intro");
                    });