1.addClass()和removeClass();
addClass():不会移除已经存在的类属性,仅仅是添加一个或多个类,多个类之间用空格隔开,
$("p:first").
addClass("intro note")
;
removeClass():从匹配的元素中删除全部或指定的类。如果没有指定参数,就会默认删除元素的所有类,
$("p:first").remove
Class("intro note")
;
2.after()和before()
after(content):在匹配的元素之后插入指定的内容,content参数是必须的内容,可以包含html标签。
例如:
$("p").after(function(n){
return "<p>The p element above has index " + n + "</p>";
});
before(content):在匹配元素之前添加指定的内容,content是必须的,可包含html标签。
3.append()和appendTo()与prepend()和prependTo()
append(content):在匹配元素的内部结尾处添加指定的内容,content参数是必须的内容,可以包含html标签。
appendTo():追加,向目标元素的内部添加指定的内容,$(content).appendTo( selector);content 必须的,可包含指定的内容,
prepend(content):在匹配元素的内部开始部分添加指定的内容,content参数是必须的内容,可以包含html标签。
$(content).prependTo( selector):content 必须的,可包含html标记,
追加,在目标元素内部的开始部分追歼content内容。
4.attr()和removeAttr()
attr():设置或返回匹配元素的属性和值
根据参数的不同,具有不同的功能
返回匹配元素的属性值:
$(selector).attr(attribute),attribute 规定要获去唭值的属性
设置匹配元素的属性和值
$(selector).attr(attribute,value);attribute如果存在更改该属性值,不存在增加属性和值,
设置匹配元素多个属性和值,参数采用json格式的键值对
$(selector).attr({attribute:value, attribute:value ...})
removeAttr():从匹配元素中移除属性;
$("p").
removeAttr("id")
;
5.clone()克隆
clone():生成匹配元素的副本,包含文本、节点和属性,
$(selector).clone(includeEvents);includeEvents 可选,布尔类型,默认副本中不包含事件处理器,定义成true的情况下副本也可以包含事件处理器。
6.detach()和remove()
移除所有匹配的元素,包含子节点、文本和属性,以及匹配元素的本身
7.empty()
empty():从被选元素移除所有内容,包含文本和子节点。
例如:
$("p").
empty()
;
8.hasClass()
$(selector).hasClass(class):检查匹配的元素是否包含指定的类,class必须的,规定需要在指定元素中查找的类;结果是一个布尔类型
9.html()
html():设置或返回当前匹配元素的内容;
$(selector).html():未设置参数,返回当前匹配元素的内容,
$(selector).html(content):content可选,设置当前元素的内容可以包含html标签。会先把元素中原有的内容覆盖掉。
10.insertAfter()和insertBefore()
$(content).insertAfter(selector):content 是必须的,html标记的内容或选者器表达式,在被选元素之后插入html标记或已有元素,
注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之后。
$(content).insertBefore(selector):
content 是必须的,html标记的内容或选者器表达式,在被选元素之前插入html标记或已有元素,
注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。
11.replaceAll()和replaceWith()
两个方法作用相似,只不过位置相反
$(content).replaceAll(selector);用指定的html内容或新元素或已经存在的元素,替换被选的内容,
content:
必需。规定替换被选元素的内容。
可能的值:
已存在的元素不会被移动,只会被复制,并包裹被选元素
|
$(selector).relaceWith(content):
content:
必需。规定替换被选元素的内容。
可能的值:
已存在的元素不会被移动,只会被复制,并包裹被选元素
|
12.text()设置或返回匹配元素的文本内容,
$(selector).text():返回文本内容;
$(selector).text(content):content规定新元素的文本内容。改方法用于设置的时候,会覆盖掉元素的所有内容。
13.val()设置或返回匹配元素的值;
14.wrap()
$(selector).wrap(wrapper);把 匹配的元素包裹起来,
必需。规定包裹被选元素的内容。
可能的值:
已存在的元素不会被移动,只会被复制,并包裹被选元素。 |