JQuery对标记的各种操作.doc

标记与属性之间的操作一：操作标记的属性1) 取标记的属性值（取得第一个匹配到的标记，然后取这个标记的属性值，没有返回undefined） Eg:$（“labelid=lable1”).arrt(“name”)取得id为label1d的标记的name属性值2) 为所有匹配到的标记（可以是一个也可以是多个）加一个属性及它的属性值 Eg:$(”img”).arr(src=”1.jpg”);3) 为所有匹配到的标记加一个属性及它的属性值（来源于方法的返回值） Eg:$(img).attr(title, function() return this.src );4) 为所有匹配到的标记加多个属性及它的属性值用Json对象5) Eg:$(img).attr( src: test.jpg, alt: Test Image );二：对标记样式的操作1）addClass(class):为匹配到的标记加一个样式（或多个样式） 参数:class(String) : 一个或多个要添加到元素中的CSS类名，请用空格分开Eg:$(p).addClass(selected over);为所匹配到的p标记添加了两个样式2）remove(class)：为匹配到的标记移除一个样式（或多个样式）3）如果存在（不存在）就删除（添加）一个类相当于取反，有此样式删除，没有此样式添加4） 指定条件添加一个样式，若没达到此样式被移除 Eg: var count = 0; $(p).click(function() $(this).toggleClass(highlight, count+ % 3 = 0); );没有点击和点击第3次加上一个样式三:对标记（html和text的操作）1) 取匹配到标记的第一个标记对的html内容（包含标记）Eg:$(div).html();2) 设置匹配到所有的标记的html内容Eg:$(div).html(Hello Again);3)取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。Eg:$(p).text();4) 设置所有匹配元素的文本内容 Eg:$(p).text(Some new text.);四：值1 val():获得第一个匹配元素的当前值： $(input).val(); some text ,里面的内容也算2 val(val)为匹配到的标记添加一个值Eg:$(input).val(hello world!);一：标记与标记（内容）之间的操作一：内部插入1） 在标记里面插入标记插入内容 语法：append(content); 参数：content（string ,element,jquery）2） 把所有匹配的元素追加到另一个、指定的元素元素集合中。 语法$(p).appendTo(#foo);3） 向每个匹配的元素内部前置内容。 语法：prepend(content)，与append一样，一个是在后面追加，一个是置前4） 把匹配到的所有标记前置到（另一个或多个标记中）用Jquery所匹配到的所有标记 语法（prependTo（content）这里的插入都会将原来的元素给剪切到铃一个元素中二：外部插入：1）after(content): 在匹配到的元素后面加上指定内容2） before(content) 在匹配到的元素前面加上指定内容3） insertAfter(content) 把匹配到的所有元素插入到另一个指定元素或元素集合的后面4） insertBefore(content) 把匹配到的所有元素插入到另一个制定元素或元素几个的前面只要是将匹配到的东西一到另一个地方就是剪切的效果三：包裹1) warp(html/element) 将所有匹配到的元素包裹一个htm的标记结构Eg:1.$(p).wrap(); Eg:2.$(p).wrap(document.getElementById(content);2) warpAll(html/element) 将匹配到的所有元素组成一个整体用一个标记结构包裹起来warp与warpal的区别warp:是将匹配到的所有元素一个一个的包裹warpAll:是将匹配到的所有标记当个整体包裹起来 3） warpInner(html/element) 将匹配到的元素的内容一个一个的包裹起来（相当于内插入）四：替换1)replaceWith(content) 将所有匹配到的元素替换成指定的html或dom Eg:$(p).replaceWith(Paragraph. );2)replaceAll(selector) 将所有匹配到的元素替换到被替换的selctor匹配到的元素 Eg:$(Paragraph. ).replaceAll(p);五：删除empty();把所有匹配到的元素的html置空remove(expr)Eg:Hello how are you? $(p).remove(.hello); how are you?六：克隆cl