jQuery属性总结

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”); //拷贝节点和事件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值