jquery215

jquery

其它不说，hide和show的参数有个speed，可以动画执行显示。
toggle来切换元素显示和隐藏,和上面一样也有个speed。

特效

可以加特效：
fade类型的函数是淡入淡出（有透明度）
slide类型的函数是滑入滑出
animate类型函数。可以设height:’toggle’ (默认情况下，所有的 HTML 元素有一个静态的位置，且是不可移动的。 如果需要改变为，我们需要将元素的 position 属性设置为 relative, fixed, 或 absolute!)

方法链

jquery方法链$("#p1").css("color", "red").slideUp(200).slideDown('fast');

dom属性获取和设置

dom获取和设置。
text()设置和获取文本，获取会自动连接子文本、
html()设置和获取的文本包括html、
val()设置和获取value属性值、
attr()设置和获取属性对应值，感觉这个可以替换val

$("button").click(function() {
    $("#runoob").attr({
        "href" : "http://www.runoob.com/jquery",
        "title" : "jQuery 教程"
    });
    $("#runoob").attr("href", function(i,origValue){
        return origValue + "/jquery"; 
    });
});

添加新元素

function appendText()
{
    var txt1="<p>文本。</p>";              // 使用 HTML 标签创建文本
    var txt2=$("<p></p>").text("文本。");  // 使用 jQuery 创建文本
    var txt3=document.createElement("p");
    txt3.innerHTML="文本。";               // 使用 DOM 创建文本 text with DOM
    $("body").append(txt1,txt2,txt3);        // 追加新元素
}

删除元素

remove()删除包括本身,接收参数css选择器
empty()删除不包括本身,接收参数css选择器

css类设置

addClass() 添加
removeClass()
toggleClass() 添加和删除切换
css() 设置和返回css css({"background-color":"yellow","font-size":"200%"});

这里css好像只能用类

$("h1,h2,p").addClass("blue");
.blue
{ ... }

尺寸

outerWidth(true) //包括margin及全部
outerWidth() //不包括margin,包括border及剩下
innerWidth() //不包括border,包括padding及剩下
width() //只包括element
高度类似。

遍历

返回数组元素的函数都允许参数返回指定.
parent(); 单个元素
parents();数组元素,允许参数返回指定parents(".hehe")
parentsUntil(); 数组元素, 返回介于俩个给定元素之间的所有祖先元素，如parentsUntil("div");
children() 数组元素,允许参数返回指定children(".hehe")
find(…) 单个元素,从后代元素寻找,包含自己
siblings(); 数组元素,返回被选元素的所有同胞元素，允许参数返回指定
next(); 单个元素,返回被选元素下一个同胞元素
nextAll(); 数组元素,返回接下来所有同胞元素
nextUntil(); 数组元素,返回参数指定元素之间所有接下来的同胞元素nextUntil("h6")

first(); 返回被选元素第一个元素
last(); 返回被选元素最后一个元素
eq(); eq(0)就是第一个 eq(1)第二个
filter(); 再次过滤 $("p").filter(".url");
not(); $("p").not(".url");