on(“事件类型”,“指定子元素”,“函数名”) 绑定事件
bind(“事件类型”,“函数名”) 绑定事件
两者的区别是on可以杜绝事件冒泡,选择子元素操作
val 获取文本内容
remove 全部删除 empty删除子元素
toggle 显示/隐藏 hide隐藏 show显示
fadeToggle 淡入淡出 fadeIn 显示 fadeout 隐藏
slideToggle 滑出 slideDown 显示 slideUp 隐藏
children()向下遍历
find()向下遍历 可选参数,可选任意一个
parent() 直接父类
parents() 所有父类 可加参数选择
parentuntil() 加参数表区间
siblings 除自己 next下一个 nextAll 后全部
nextUntil()加参数表区间
prev 往上走 preAll前全部 preUntil()加参数表区间
过滤 first()第一个 last()最后一个 eq(2)指定某个 filter(“p”)满足条件筛选 not()满足条件不选
attr(“属性名”,“属性值”) 根据属性名修改属性值
jquery中使用each代替for循环,例如:
var box=$("div").css(["background","width","color"]);
/*for(var i in box){
alert(i+":"+box[i]);
}*/
$.each(box,function(attr,value){
alert(attr+":"+value);
})
批量改变元素属性值
$("div").css(width,function(index,value){
return parseInt(value)+200+"px";
})
给元素添加class:
$("div").addClass(id red");
给元素删除class:
$("div").removeClass(id red");
打印滚动条滚动量:
alert($(window).scrollTop());
append appendTo创建新节点,并添加到box子元素后边:
var div=$('<div id="op"></div>');
$("#box").append(div);
prepend prependTo创建新节点,并添加到box子元素前边:
var div=$('<div id="op"></div>');
$("#box").prepend(div);
after创建新节点,并添加到box后边:
var div=$('<div id="op"></div>');
$("#box").after(div);
before创建新节点,并添加到box前边:
var div=$('<div id="op"></div>');
$("#box").before(div);
insertAfter将已有的p标签添加到div后边:
$("p").insertAfter("div");
insertBefore将已有的p标签添加到div前边:
$("p").insertBefore("div");
wrap 将p包裹在新标签中:
$("p").wrap(<strong></strong>)
wrapInner 在p标签内部包裹新标签:
$("p").wrapInner(<strong></strong>);
unwrap 将包裹去掉:
$("div").unwrap(); //一次只去最近的一层
clone 拷贝节点:
$(“div”).clone(true).appendTo(“body”); //拷贝节点和事件
$(“div”).clone().appendTo(“body”); //拷贝节点和事件