事件冒泡
概念:事件冒泡就是当父元素和子元素存在同一事件时,在子元素的事件处理程序中会自动调用其父级元素的事件处理程序。
如何取消事件冒泡:
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)表示将B追加到A中如:(“ul”).append($newNode1);
2、appendTo(content) ( A ) . a p p e n d T o ( B ) 表 示 把 A 追 加 到 B 中 如 : (A).appendTo(B)表示把A追加到B中 如: (A
使用jQuery操作 DOM
最新推荐文章于 2024-03-22 11:05:00 发布