使用jQuery操作 DOM

在这里插入图片描述
事件冒泡
概念:事件冒泡就是当父元素和子元素存在同一事件时,在子元素的事件处理程序中会自动调用其父级元素的事件处理程序。
如何取消事件冒泡:
1、一般情况,在子事件中加一句:event.stopPropagation();
2、按钮事件中需要添加: event.preventDefault();
3、return false 都使用
样式操作
css( )获取和设置样式
addClass( )追加样式
removeClass( )移除样式
toggleClass( )切换样式
内容操作
html( )代码操作
text( )内容操作
val( )属性值操作
节点操作
查找节点
$(""):id用#,class用.
创建节点元素
$(function(){
var li_1 = $(“li title=‘香蕉’>香蕉”); // 创建第一个li>元素
var li_2 = $(“li title=‘雪梨’>雪梨”); // 创建第二个li>元素
var li_3 = $(“li title=‘其它’>其它”); // 创建第三个li>元素
插入节点
插到父级元素里的最后:
1、append(content) ( A ) . a p p e n d ( B ) 表 示 将 B 追 加 到 A 中 如 : (A).append(B)表示将B追加到A中 如: (A).append(B)BA(“ul”).append($newNode1);
2、appendTo(content) ( A ) . a p p e n d T o ( B ) 表 示 把 A 追 加 到 B 中 如 : (A).appendTo(B)表示把A追加到B中 如: (A

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值