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");
});