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();
文档对象模型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();