jquery文档操作常见函数
来源:互联网 发布:avio.pw 新域名 编辑:程序博客网 时间:2024/05/16 13:51
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:
必需。规定替换被选元素的内容。
可能的值:
- HTML 代码 - 比如 ("<div></div>")
- 新元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不会被移动,只会被复制,并包裹被选元素
$(selector).relaceWith(content):
content:
必需。规定替换被选元素的内容。
可能的值:
- HTML 代码 - 比如 ("<div></div>")
- 新元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不会被移动,只会被复制,并包裹被选元素
12.text()设置或返回匹配元素的文本内容,
$(selector).text():返回文本内容;
$(selector).text(content):content规定新元素的文本内容。改方法用于设置的时候,会覆盖掉元素的所有内容。
13.val()设置或返回匹配元素的值;
14.wrap()
$(selector).wrap(wrapper);把 匹配的元素包裹起来,
必需。规定包裹被选元素的内容。
可能的值:
- HTML 代码 - 比如 ("<div></div>")
- 新元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不会被移动,只会被复制,并包裹被选元素。
0 0
- jquery文档操作常见函数
- jquery 常见常用文档操作函数
- jquery文档操作函数大全
- jQuery常见操作实现和常用函数方法总结
- jQuery常见操作实现和常用函数方法总结
- JQuery之DOM函数文档操作学习总结
- jQuery DOM常见操作
- JQuery 表单常见操作
- jquery常见操作
- JQuery文档操作
- jQuery 参考手册 - 文档操作
- jquery文档操作
- jQuery文档操作-复制
- jQuery文档操作
- jQuery 参考手册 - 文档操作
- jquery文档操作总结
- jQuery 参考手册 - 文档操作
- jQuery之文档操作
- MFC ListControl
- add view in code
- div内textarea 居中
- ION基本概念介绍和原理分析
- 深入理解 Session 与 Cookie
- jquery文档操作常见函数
- C++链表定义
- cocos creator 圆形碰撞问题 解决办法
- spring并发访问的线程安全问题
- SSRS报表连接超时的问题
- AIDL实现跨进程通信最小代码
- oop 日期类,日历类,日期格式
- [LeetCode] largest Rectangle In Histogram
- 仿iOS滚轮选择器,目前最流畅,最好用,最接近iOS原生的开源控件