JQuery创建节点
$(selector):通过选择器获取节点 $(element):把DOM节点转化成jQuery节点 $(html):使用HTML字符串创建jQuery节点
var $newNode = $("<li title='last'>北京申办冬奥会是再合适不过了!</li>");
插入节点
元素内部插入子节点(带To后面是主语 不带前面是主语)
append(content) $(A).append(B) 表示将B追加到A中 appendTo(content) $(A).appendTo(B) 表示把A追加到B中 prepend(content) $(A).prepend(B) 表示将B*前置*插入到A中 prependTo(content) $(A).prependTo(B) 表示将A前置插入到B中
元素外部插入同辈节点(带insert后面是主语 不带前面是主语) after(content) $(A).after(B) 表示将B插入到A之后 insertAfter(content) $(A).insertAfter(B) 表示将A插入到B之后 before(content) $(A).before(B) 表示将B插入至A之前 insertBefore(content) $(A).insertBefore(B) 表示将A插入到B之前
删除节点remove():删除整个节点 empty():清空节点内容重点:detach():删除整个节点,保留元素的绑定事件、附加的数据
替换节点replaceWith() $(selector).replaceWith(content) content:必需。规定替换被选元素的内容。selector:必需。规定要替换的元素。
$(selector).replaceWith(function()) 使用函数把被选元素替换为新内容。replaceAll() $(content).replaceAll(selector) content:必需。规定替换被选元素的内容。selector:必需。规定要替换的元素。
replaceAll() 与 replaceWith()对比:
replaceAll() 与 replaceWith() 作用相同。差异在于语法:内容和选择器的位置,以及 replaceWith() 能够使用函数进行替换。
Jquery事件复制节点 .clone([includeEvents]) ; 参数ture或flase, true复制事件处理,flase时反之
鼠标事件 click( ) 单击鼠标时 mouseover( ) 鼠标指针移过时 对子元素敏感 mouseout( ) 鼠标指针移出时 .... mouseenter( ) 鼠标指针进入时 对子元素不敏感 mouseleave( ) 鼠标指针离开时 ....键盘事件 keydown( ) 按下键盘时 keyup( ) 释放按键时 keypress( ) 产生可打印的字符时event.keycode 键盘对应的ASCII码: $(document).keydown(function(event){ console.log(event.keyCode);//FF下调试 });浏览器事件 $(selector).resize( ); 调整窗口大小
绑定事件
bind() $(selector).bind(event,data,function) event:事件 data:传递的额外数据 function :函数名字
绑定多个事件
bind({event:function, event:function, ...})
移除事件
unbind(event,function) .
没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序
复合事件 hover(enter,leave) 方法相当于mouseover与mouseout事件的组合 toggle(fn1,fn2,...,fnN);方法用于模拟鼠标连续click事件 toggleClass(className); 可以对样式进行切换toggle( )和toggleClass( )总结 toggle( fn1,fn2...)实现单击事件的切换,无须额外绑定click事件 toggle( )实现事件触发对象在显示和隐藏状态之间切换 toggleClass( )实现事件触发对象在加载某个样式和移除某个样式之间切换
转载于:https://www.cnblogs.com/jiayiblog/p/10965745.html
相关资源:JAVA上百实例源码以及开源项目