前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery dom操作

jquery dom操作

作者头像
用户5760343
发布2019-10-08 15:35:30
8720
发布2019-10-08 15:35:30
举报
文章被收录于专栏:sktjsktj

var li=$("ul i:eq(1)") var li_txt=li.text() alert(li_txt)

获取属性

li.attr("title")

追加节点

var

li1=
li1=

("<li></li>")

("ul").append(
("ul").append(

li1)

插入节点 append (reserve) appendTo prepend after insertAfter before insertBefore

image.png

删除节点

remove:包括子节点

选择性删除

$("ul li").remove("li[title=xxx]")

detach

image.png

empty 清空元素里的内容

复制节点

$("li").clone(true).appendTo("body")

替换节点

$("p").replaceWith("<x>xcxc</xx>")

包裹节点:wrap

image.png

warpInner

image.png

属性设置

image.png

删除属性:removeAttr

addClass

removeClass

切换样式: toggleClass

hasClass

获取html代码

$("p").html() .text()

返回和设置value

$("p").val()

image.png

获取当前文本框的默认值

this.defaultValue

radio check 如何选中

image.png

或者

image.png

children() next() prev() siblings() closest()

image.png

设置CSS样式

this.css()

image.png

获取偏移量

.offset .position

image.png

scrollTop scrollLeft 滚动条滚动到指定位置

image.png

鼠标移入移除事件 mouseover mouseout

image.png

鼠标移入,显示大图预览**

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.10.08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 获取属性
  • 追加节点
  • 插入节点 append (reserve) appendTo prepend after insertAfter before insertBefore
  • 删除节点
  • 选择性删除
  • detach
  • empty 清空元素里的内容
  • 复制节点
  • 替换节点
  • 包裹节点:wrap
  • warpInner
  • 属性设置
  • 删除属性:removeAttr
  • addClass
  • removeClass
  • 切换样式: toggleClass
  • 获取html代码
  • 返回和设置value
  • 获取当前文本框的默认值
  • radio check 如何选中
  • 或者
  • 设置CSS样式
  • 获取偏移量
  • scrollTop scrollLeft 滚动条滚动到指定位置
  • 鼠标移入移除事件 mouseover mouseout
  • 鼠标移入,显示大图预览**
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档