jQuery常用属性和方法有哪些

属性:

获取标签:$("#id")获取标签中的代码:.html()获取标签中的文本:.text()更改标签中的代码:.html("content");更改标签内的文字:.html("content");

获取标签属性:.attr("attribute");更改标签标志属性:attr("属性","属性值");

添加样式:addClass("样式名称");动态切换样式:toggleClass("样式名称");获取样式:css

添加元素:add("element");删除元素:.remove();清除节点:.empty();

获取第二个li节点:var$li=$("ulli:eq(1)");获取第二个节点li的文本内容:varli_txt=$方法:1:插入节点:add()在每个匹配元素的文本末尾添加内容,例如:

我想说:

代码:

$("p").append("Hello");

结果:

我想说:Hello

appendto()将所有匹配元素附加到指定元素。
事实上,使用这种方法反转了传统的$(A).append(B)操作,即不是将B附加到A上,而是将A附加到B的文本末尾。
例如:

我想要。
说:

代码:

$("Hello").appendTo("p");

结果:

我想说:Hello

prepend()将内容添加到每个匹配元素的文本开头。
例如:

我想说:

代码:

$("p").prepend("Hello");

结果:

Hello我想说:

prependto()将所有匹配元素添加到指定元素。
事实上,使用这种方法反转了传统的$(A).append(B)操作,即不是将B添加到B之前,而是添加A例如:

我想说:

>

代码:

$("Hello").prependto("p");

结果:

你好我想说:

after()在每个匹配元素之后插入内容。
例如:

我想说:

代码:

$("p").after("Hello");

结果:

我想说:Hello

insertAfter将会是所有匹配元素都插入到指定元素之后。
事实上,使用这种方法反转了传统的$(A).append(B)操作,即不是在A后面插入B,而是在B后面插入A。
例如:

我想说:

代码:

$("你好").after("p");

结果:

我想说:Hello

before()在每个匹配元素之前插入内容例如:

我想说:

代码:

$("你好").after("p");

结果:

我想说:你好

insertBefore():在标签B之前插入标签A.tag

二:删除:①删除该节点包含的所有子节点将同时被删除。
还可以选择使用选项②清空清除节点,可以清除该元素中的所有子节点。

三.:替换节点:①replaceWith()-用指定的HTML或DOM元素替换所有匹配的元素。
②replaceAll()

第四:包裹节点:①warp()旨在单独移动所有元素。
②warpAll()旨在将所有匹配元素扭曲为一个元素。
③warpinner()旨在包装每个子内容(包括文本节点)。
其他结构化标签

五:设置和获取HTML,文本值1,html():2,text3,val

六:遍历节点1.Children():获取子匹配2.next():获取匹配元素之后的子元素3..prev():获取匹配元素之前的兄弟元素4.siblings():获取所有兄弟元素5.Nearest():获取最近的匹配元素

七:css-domcss获取样式属性

offset()PositionscrollscrollLeft

与样式相关的操作:1:获取样式并设置attreg:="myClass"title="选择你最喜欢的水果">你最喜欢的水果是什么?

获取样式:varp_class=$("p").attr("class");设置样式:$("p").attr("class","high");2:添加样式addClass

添加样式:

$("input:eq(2)").click(function(){$("p".addClass("another))})

☆CSS中存在如下规则:①如果一个元素中添加了多个class值,则相当于将它们的样式组合在一起②如果不同的class设置了相同的样式,则后者覆盖了前者的ADDClass。
第一次使用

test

创建。
                  $<"p">.add。
类(“高”);                                                                                                                                                                                               。
s","高");第一次结果                                                                                                                     ss("other");$<"p">.attr("class","other");最终结果测试

3:删除样式RemoveClass="highanother">test

删除一个:$<"p">.removeClass("high");删除两个:$;<"p">.removeClass("high").removeClass("other");==$<"p">.removeClass("highanother")删除所有:$<"p">.removeClass();

4:切换样式

5:判断元素是否包含样式使用hasClass,可以判断元素是否包含某个类,如果是,则返回true,否则-。


jquery给div添加样式_百度经验1一c

1.jQuery设置css样式

测试jQuery动态获取padding-left