源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery随手笔记之常用的jQuery操作DOM事件

  • 时间:2021-01-10 22:44 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery随手笔记之常用的jQuery操作DOM事件
 Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。 [b]DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。[/b] jQuery DOM 元素方法 
函数 描述
[url=http://www.w3school.com.cn/jquery/dom_element_methods_get.asp].get()[/url] 获得由选择器指定的 DOM 元素。
[url=http://www.w3school.com.cn/jquery/dom_element_methods_index.asp].index()[/url] 返回指定元素相对于其他指定元素的 index 位置。
[url=http://www.w3school.com.cn/jquery/dom_element_methods_size.asp].size()[/url] 返回被 jQuery 选择器匹配的元素的数量。
[url=http://www.w3school.com.cn/jquery/dom_element_methods_toarray.asp].toArray()[/url] 以数组的形式返回 jQuery 选择器匹配的元素。
[b]1.attr() .removeAttr()[/b] .attr() 方法可以传入一个名值对的参数,也可以传入一个包含2个以上名值对的对象参数,例如: .attr('src','images/a.jpg');
.attr({
 rel:'www',
 id:'zz',
 title:'some',
 some:'111'
});
当然,也可以移除一个或者一个以上属性.removeAttr('id rel'); [b]2.prop()[/b] 该方法可以取得属性值 传入想要取得的值的属性名(字符串),例如.prop('id'); 设置id的值(修改DOM本身存在的属性比如a标签的href,id) .prop('id','otherid'); [b]3.val()[/b] 这个方法经常用于取得表单控件的值 [b]4.insertBefore() .insertAfter() .prependTo() .appendTo()[/b] .insertBefore()在现有元素外部、之前添加内容;(反向操作 .before()) .insertAfter()在现有元素外部、之后添加内容;(反向操作 .after()) .prependTo()在现有元素内部、之前添加内容;(反向操作 .prepend()) .appendTo()在现有元素内部、之后添加内容;(反向操作 .append()) [b]5.clone()[/b] 该方法可以复制拷贝元素,如果需要复制出来的元素继承其他事件,需要传入一个布尔值作为参数,.clone(true) [b]6.wrap() .wrapAll() .wrapInner()[/b] .wrap()和.wrapInner()可以理解成相对的,.wrap()是包在元素外面一层,而.wrapWith()是包在元素里面一层, 而.wrapAll()是在所有匹配到的元素外围包裹 [b]7.html() .text() .replaceWith() .replaceAll()[/b] .html()可以传入文本或者DOM节点; .text()只能读取或者替换文本; .replaceWith() 把。。。替换“成”。。。; .replaceAll() 把。。。替换“给”。。。 [b]8.empty() [/b] 移除元素 [b]9.detach() .remove()[/b] 这2个方法有点相似,都不会把匹配的元素从jQuery对象中删除,但是还是有所区别: .detach() 所有绑定的事件、附加的数据等都会保留下来 .remove() 除了这个元素本身得以保留之外,其他的比如 绑定的事件,附加的数据等都会被移除。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部