JQuery 选择器、过滤器介绍

2020-05-23 06:09:35易采站长站整理

4.删除节点
从DOM中删除所有匹配的元素。如,“$(“p”).remove(“.hello”);”删除所为class属性值为hello的p元素,还有它下面的所有元素。
从DOM中清除所有匹配的元素。如,“$(“p”).empty();”清除所有p元素,还有它下面的所有元素。
5.复制节点
克隆匹配的DOM元素。如,“$(“p”).clone();”返回克隆后的副本,但不具有任何行为。如果要将DOM的事件一起克隆,应该使用“$(“p”).clone(true);”。
6.替换节点
将所有匹配的元素都替换为指定的 HTML 或 DOM 元素。如,$(“p”).replaceWith(“<b>Paragraph. </b>”);,将所有p元素,替换为”<b>Paragraph. </b>”。
与replaceWith相返:$(“<b>Paragraph. </b>”).replaceAll(“p”);。
7.包裹节点
wrap():将指定节点用其他标记包裹起来。该方法对于需要在文档中插入额外的结构化标记非常有用, 而且不会破坏原始文档的语义。如,“$(“p”).wrap(“<div class=’wrap’></div>”);”。每个p元素被包裹到<div>中。
wrapAll():将所有匹配的元素用一个元素来包裹。而wrap()方法是将所有的元素进行单独包裹。如,“$(“p”).wrapAll(“<div></div>”);”,将所有p元素包裹到<div>中。
wrapInner():将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来。如,“$(“p”).wrapInner(“<b></b>”);”, <b>被每一个p元素包裹。
8.属性设置
attr():获取属性和设置属性。
当为该方法传递一个参数时,即为某元素的获取指定属性。如,“$(“img”).attr(“src”);”,获取img元素的src属性值。
当为该方法传递两个参数时,即为某元素设置指定属性的值。如,“$(“img”).attr(“src”,”test.jpg”);”,设置img元素的src属性值为test.jsp。
jQuery 中有很多方法都是一个函数实现获取和设置。如:attr(),html(),text(),val(),height(),width(),css()等。
removeAttr():删除指定元素的指定属性。
9.样式操作
可以通过“attr()”设置或获取css样式。
追加样式:addClass() 。如,“$(“p”).addClass(“selected”);”,向所有P元素中追加“selected”样式。
移除样式:removeClass() — 从匹配的元素中删除全部或指定的class。如,“$(“p”).removeClass(“selected”);”,删除所有P元素中的“selected”。
切换样式:toggleClass() — 控制样式上的重复切换。如果类名存在则删除它,如果类名不存在则添加它。如,“$(“p”).toggleClass(“selected”);”,所有的P元素中,如果存在“selected”样式就删除“selected”样式,否则就添加“selected”样式。