jquery 操作汇聚

1 选择符
文档对象模型dom,html也是用这个模型。但是我们通过各种选择符和方法取得的结果集合实际上是一个jquery对象。可以调用jquery的方法,

但是不能使用dom的方法。
2 工厂函数$()
$()函数会消除使用for循环访的一组元素,会自动执行遍历,然后保存到一个jquery对象。
标签名:$("p") 取得文档中的所有段落
ID:$("some_id");会取得文档中对应的some-id的一个元素
类:$(".some-class")会取得文档中带有some-class类的所有元素。
$("#selected-plays > li").addClass("horizontal"); >代表子元素
$("#selected-plays li:not(.horizontal)").addClass("sub-level"); 空格代表后代元素。
$("选择符").find("epr");在选择符的下的后代元素找匹配的对象
$().filter();赛选出匹配的集合。
3 连缀
$().addClass().show();
访问dom元素:所有的选择符表达式和多数jquery方法都返回一个jquery对象,而这通常都是我们所希望的,因为jquery对象能够提供隐式迭代的连缀能力。但是要访问dom对象的话,可以用.get(index)方法。或者[index]

事件
标签与行为方法
$().bind("click",function(){});
停止事件传播:
function(event) {event.stopPropagation();}
默认操作
function(event) {event.preventDefault()}
模拟触发事件:
$().trigger("click");

dom操作 改变页面
操作属性
.attr("","");设置属性;.attr({"":"","":""});
.removeAttr("");设置属性;
新建$("<a href='#'>back to top</a>");
插入元素
.after()//$(旧元素).afert(新元素);
.insertAfter()//$(新元素).insertAfert(旧元素);
.before()//$(旧元素).before(新元素);
.insertBefore()//$(新元素).insertBefore(旧元素);
.prependTo("body");//插入到body的第一个子元素;移动元素;
.appendTo("body");//插入到body的最后一个子元素;
.wrap("<li></li>");//把元素包装在li元素中
.clone();//复制元素,返回的是复制的元素;//默认会复制子元素,如果参数设置为false就不会复制子元素;不会复制事件,所以事件还得自己添加。


$.each(data,function(index,entity){});

1 删除表格内容,不包括第一行
$("table tr:not(:first)").remove();
2 获取下拉框的文本值
$("select option:selected").text();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值