jQuery对JavaScript中的DOM操作进行了封装jQuery中的DOM操作

节点操作:
    工厂函数    $(""),获取或创建节点
        通过选择器获取节点:          $("selector")
        把DOM节点转换为jQuery节点:  $("<p>")
        使用HTML字符串创建jQuery节点:    $("<p>文字</p>")
    元素内部追加父节点:
        to:到/给予
        将A节点追加到B节点里         B.append(A);
        将A节点追加到B节点里         A.appendTo(B);
        把A节点追加到B节点最前        B.prepend(A);
        把A节点追加到B节点最前        A.prependTo(B);
    元素外部插入同辈节点:
        把A节点插入到B节点之后        B.after(A)
        把A节点插入到B节点之后        A.insertAfter(B)
        把A节点插入到B节点之前        B.before(A)
        把A节点插入到B节点之前        A.insertBefore(B)'
    删除节点:
        删除h1节点                  $("h1").remove();
        清空h2节点                  $("h2").empty();
    替换节点:
        将A节点替换为B节点            A.replaceWith(B)
        将A节点替换为B节点            B.replaceAll(A)
    克隆节点:
        克隆节点                    $("selector").clone(true/false)
复制节点,参数为true复制事件,false则不复制事件
样式操作:
    设置单个样式: .css("属性名称","属性值")
    设置多个样式: .css({"属性名称1":"属性值1","属性名城2":"属性值2"})
    获取样式值:   .css("属性名称")
    添加类样式:   .addClass("类样式名称")
    移出类样式:   .sremoveClass("类样式名称")
    切换类样式:   .toggleClass("类样式名称")
    判断元素是否包含指定的样式       .hasClass("类样式名称")
内容及Value值操作:
    获取元素中的html代码或文本代码   .html();
    设置元素中的html代码或文本代码   .html("真帅!")
    获取元素中的文本内容            .text()
    设置元素中的文本内容            .text("真帅!")
    元素失去焦点:                  .blur()
    元素获得焦点:                  .focus()
    获取元素的value属性值           .val()
    设置元素的value属性值           .val("设置的属性值")

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值